/* --- Stylesheet 7984 (optional) --------- */ 

.T2896.S7984 a .caption {
	bottom: 0px;
}

/* --- Stylesheet 4535 () --------- */ 

.image_grid { margin-right: -30px; }
.image_grid .pro100 { width: 100%; height: auto; overflow: hidden; }
.image_grid .pro50 { width: 50%;  height: auto; overflow: hidden; }
.image_grid .pro33 { width: 33.33%; height: auto; overflow: hidden; }


.T2896 .image_grid { width: 100%; }
.T2896 a {
	position: relative;
	display: block;
	margin: 0 30px 30px 0;
	overflow: hidden;
}
.T2896 a .caption {
	position: absolute;
	bottom: -50px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.6);
	padding: 10px 0;
	text-align: center;
	color: #FFF;
	transition: bottom 150ms;
	z-index: 10;
	display: block;
}

.T2896 a:hover .caption {
	bottom: 0px;
	transition: bottom 200ms;
}

.T2896 .playbutton {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 50px;
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5)
}

.image_grid img {
	width: 100%;
	height: auto;
}



/* --- Stylesheet 4536 () --------- */ 

@media all and (min-width: 768px) and (max-width:1023px) {
	.T2896 a {
		margin: 0 25px 25px 0;
	}
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T2896 a {
		margin: 0 20px 20px 0;
	}
}

@media all and (max-width: 567px) {
	.T2896 a {
		margin: 0 15px 15px 0;
	}
	
	.T2896 .image_grid .pro33 { width: 50%;}
}