@charset "utf-8";
/* FILM TV - 2013 - Banzai Media */
/* TRAILER ----------------------*/

.wrapper-trailer{border:none;margin-bottom: 20px;}

/* Scheda Head */
.wrapper-trailer .trailer-head{position:relative; top:-25px;left:-90px; width:1120px;
background:#202020;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#202020)); background: -webkit-linear-gradient(top, #333333, #202020); background: -moz-linear-gradient(top, #333333, #202020); background: -ms-linear-gradient(top, #333333, #202020);}

.wrapper-trailer .trailer-head .wrap-head-content{width:940px; padding:25px 90px 50px; margin:0 auto;}
.wrapper-trailer .trailer-head .wrap-head-content h1 { font-size: 30px; line-height: 36px; color: #fff; margin: 0 0 15px;}
.wrapper-trailer .trailer-head .wrap-head-content .video{float:left;background-color: #000;max-height: 565px;margin-bottom: 20px;width:720px}
.wrapper-trailer .trailer-head .wrap-head-content .video iframe{min-width: 100%; min-height: 570px;}
.wrapper-trailer .trailer-head .wrap-head-content .scheda{float:right; width:195px;color: #fff;}
.wrapper-trailer .trailer-head .wrap-head-content .scheda .locandina{margin:0 0 20px;}
.wrapper-trailer .trailer-head .wrap-head-content .scheda .locandina img{max-width : 110px; height:auto;}
.wrapper-trailer .trailer-head .wrap-head-content .scheda h2{font-size:20px; margin: 0 0 10px;line-height: 130%;}
.wrapper-trailer .trailer-head .wrap-head-content .info{margin:0 0 20px; font-size:12px;}
.wrapper-trailer .trailer-head .wrap-head-content .info li{float:left;}
.wrapper-trailer .trailer-head .wrap-head-content .info li:first-child{padding-right:5px; margin-right:5px; border-right:1px solid #fff;}
.wrapper-trailer .trailer-head .wrap-head-content p{font-size:12px; color:#fff; line-height:20px;}
.wrapper-trailer .trailer-head .wrap-head-content p span{color:#ccc;}
.wrapper-trailer .trailer-head .wrap-head-content .vai{display:block; margin:0 0 15px;}
.wrapper-trailer .trailer-head .wrap-head-content .quando{display:block; margin:0 0 12px;}
.wrapper-trailer .trailer-head .wrap-head-content .aggiungi{width:100%; padding:0; font-size:12px;}
.wrapper-trailer .trailer-head .wrap-head-content .aggiungi span{margin-right:10px; color:#e30031;}

.wrapper-trailer .trailer-head .slider{position:relative; height:190px; background:#111;}

.wrapper-trailer .trailer-head .slider .menu-filtri{position:relative; top:-20px; width:940px}
.wrapper-trailer .trailer-head .slider .menu-filtri ul li{box-sizing:border-box; width:33.33%;}
.wrapper-trailer .trailer-head .slider .menu-filtri ul li:nth-last-of-type(2){border-right:none;}

.wrapper-trailer .trailer-head .slider .thumb-list{width:950px; margin:0 auto;}
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list{}
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list ul{}
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list ul li{float:left; width:160px; margin:0 15px;}
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list ul li .pic{position:relative; display:block; margin:0 0 5px; opacity:.6; filter: alpha(opacity = 60);}
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list ul li .pic:hover{opacity:1; filter: alpha(opacity = 100);}
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list ul li .pic:hover span{position:absolute; right:10px; bottom:10px; display:block; width:40px; height:40px; background:url("/public/images/sprites.png") -40px -250px;}
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list ul li .title{display:block; color:#fff; text-align:center;}

.wrapper-trailer .trailer-head .slider .nav .prev,
.wrapper-trailer .trailer-head .slider .nav .next{position:absolute; top:50%; margin-top:-13px; display:block; width:13px; height:25px; background:url("/public/images/sprites.png") -13px -308px; text-indent:-9999px; cursor:pointer;}
.wrapper-trailer .trailer-head .slider .nav .prev{left:70px; background-position:-13px -308px;}
.wrapper-trailer .trailer-head .slider .nav .prev:hover{background-position:-53px -308px;}
.wrapper-trailer .trailer-head .slider .nav .next{right:70px; background-position:-94px -308px;}
.wrapper-trailer .trailer-head .slider .nav .next:hover{background-position:-134px -308px;}
.btn-grey.aggiungi-a{width:100%;padding:0;}
.btn-grey.aggiungi-a span{color:#e30031;}


/* Contenuto */
.content-full{width:100%; margin:0 auto;}
.content-full .trailer-list{position:relative; left:-15px; width:970px;}
.content-full .trailer-list > h1{display:block; margin:0 15px 30px; font-size:22px;}
.content-full .trailer-list .banner-adv{float:right; height:442px; margin:0 19px 30px 0;}
.content-full .trailer-list .trailer-item{float:left; width:290px; height:440px; margin:0 15px 30px; border:1px solid #d3d3d3;position:relative;}
.content-full .trailer-list .trailer-item .pic{position:relative; display:block;}
.content-full .trailer-list .trailer-item .pic span{position:absolute; right:15px; bottom:15px; display:block; width:65px; height:65px; background:url("/public/images/sprites.png") 0 -180px;}
.content-full .trailer-list .trailer-item .pic:hover span{background-position:-65px -180px;}
.content-full .trailer-list .trailer-item .contenuto{padding:12px 15px;}
.content-full .trailer-list .trailer-item .contenuto h3{font-size:18px; line-height:20px; margin:0 0 8px;}
.content-full .trailer-list .trailer-item .contenuto h3 a{color:#2c2c2c;}
.content-full .trailer-list .trailer-item .contenuto ul{padding:10px 0 0; margin:10px 0 0; border-top:1px dotted #d3d3d3;position:absolute;bottom:10px;}
.content-full .trailer-list .trailer-item .contenuto ul li{float:left}
/* modificati 30/10/14 */
.content-full .trailer-list .trailer-item .contenuto ul li a{display:block; height:15px; line-height:15px; color:#999; text-align:right;}
.content-full .trailer-list .trailer-item .contenuto ul li:first-child a{text-align:left;}

.content-full .trailer-list .trailer-item figure { width: 290px; overflow: hidden; position: relative;}
.content-full .trailer-list .trailer-item figure img { width: auto; height: 290px; margin-left: -140px; max-width: initial;}
.content-full .trailer-list .trailer-item figure .play {  position: absolute; right: 20px; bottom: 40px; display: block; 
    width: 65px; height: 65px; background-image: url("/public/images/sprites.png"); background-position: 0px -180px; text-indent: -9999px; overflow:hidden;}
.content-full .trailer-list .trailer-item figure h2 { position:absolute; bottom:0; z-index:1; width:96%; height:auto;line-height: 20px; padding:5px 2%; background:rgba(0,0,0,.5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);   /* IE6 & 7 */
zoom: 1; color: #fff; font-size: 15px;font-family: 'Open Sans', Arial, sans-serif;font-weight: normal; }
.content-full .trailer-list .trailer-item a:hover figure .play { background-position: -65px -180px;}

.rpa .thumb-list { display: none; }
.rpa .thumb-list.rpa-active { display: block; }
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list .item { float: left; width: 160px; margin: 0 15px; height: 170px;}
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list .item .pic { position: relative; display: block; margin: 0 0 5px; opacity:.6; filter: alpha(opacity = 60); }
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list .item .pic:hover { position: relative; display: block; margin: 0 0 5px; opacity:1; filter: alpha(opacity = 100); }
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list .item .title { display: block; color: #fff; text-align: center; }
.wrapper-trailer .trailer-head .slider .thumb-list .wrapper-list .item span{position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; text-indent: -9999px; background: url("/public/images/sprites.png") 0 -250px;}
.wrapper-trailer .trailer-head .slider .menu-filtri.rpa-selezione { border-bottom: 5px; top: -20px; }
.wrapper-trailer .trailer-head .slider { /* overflow:hidden; */ height: 240px; }
.wrapper-trailer .trailer-head .wrap-head-content { padding-bottom: 20px; }
.wrapper-trailer .trailer-head .wrap-head-content .scheda { }
.trailer-list #item-list-container>h2 { position: absolute; top: 0px; left: 15px; font-size: 24px;  }
.trailer-list { position: relative; padding-top: 60px; }

.menu-filtri {
margin-bottom: 20px!important;
}