@charset "utf-8";
/* CSS Document */

div.thumbnails {
	margin:0;
	text-align:center;
}
.media_content div.thumbnails {
	float:left;
}
div.thumbnails a {
	display:inline-block;
	text-align:center;
	position:relative;
	line-height:0px;
	width: 100%;
    height: 100%;
}
div.thumbnails a span {
	position:absolute;
	right:4px;
	bottom:0px;
	width:32px;
	height:32px;
	background: transparent url(../images/trailer_icon.png) 0 0 no-repeat;
}

div.thumbnails.small a {
	width:124px;
}
div.thumbnails.medium a {
	width:126px;
	height:86px;	
}
div.thumbnails.big {
	width:280px;
	height:240px;
	background-size: cover;
    background-position: center;	
	position:absolute;
	left:0;
	top:-16px;
}
@media (min-width:992px) and (max-width:1199px) {
	div.thumbnails.big {
		width:285px;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.row.big { 
		height:280px;	
	}
	div.thumbnails.big {
		width:295px;
		height:280px;
	}
}
@media (max-width:767px) {
	div.thumbnails.big {
		width:100%;
	}
}
div.thumbnails.big a {
	width: 100%;
    height: 100%;
	overflow:hidden;
	display:block;
	border:0;
}
div.thumbnails.big img {
	display:none;
}
div.thumbnails img {
	padding:0px;
	margin:0px;
	max-height: 170px;
}
div.thumbnails.small img {
	max-width:120px;
}
div.thumbnails.medium img {
	max-width:170px;
	max-height:120px;
}
div.thumbnails.big img {
	max-width:190px;
	max-height:160px;
}
div.thumbnails.big-2 {
	margin: 8px 18px 8px 0;
	max-width: 260px;
}
div.thumbnails.big-2:nth-child(3n+0) {
	margin-right:0;
}
@media (min-width:992px) and (max-width:1199px) {
	div.thumbnails.big-2 {
		max-width: 210px;
	}
}
@media (min-width:768px) and (max-width:991px) {
	div.thumbnails.big-2 {
		max-width: 210px;
	}
}
@media (max-width:767px) {
	div.thumbnails.big-2 {
		max-width: 100%;
		width:auto;
		margin-right:0;
	}
	div.thumbnails.big-2 img {
		max-height: inherit;
	}
}


div.thumbnails.small h4,
div.thumbnails.big h4 {
	line-height:18px;
}
div.thumbnails.trailer-link {
	width:187px;
	height:108px;
	vertical-align:middle;
}
div.thumbnails.trailer-link a {
	display:block;
	height:100%;
	line-height:100px;
	padding-top:20px;
	background-color:#EEE;
	background-image:url(../images/trailer_icon.png);
	background-repeat:no-repeat;
	background-position: center 20px;
	
}


/* solo pagina scheda */
div.thumbnails.director {
    display: inline;
    float: left;
    margin: 5px 20px 5px 0;
}
div.thumbnails.poster {
	display: inline-block;
    margin: 50px 0 0 0;
}
div.thumbnails.poster img {
	max-height:inherit;
	width:100%;
}