div#wrapper_player{position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.8); top:0; left:0; z-index:1200; display:none} div#trailersContent {width:1000px; margin:0 auto;} div#trailersContent h2.top{background:url(images/trailers_section_icon.png) no-repeat 2px center; font-size:24px; padding:0 0 0 35px; margin:5px 0 12px 0} div#trailersContent h3{border-bottom:1px dashed #186D8B; margin:0 0 15px 0; padding:0} div#trailersContent div.largeTrBox {display:inline-block; width:666px; height:520px; color:#015f7f; border:none; font-size:0; background:url(images/trailers_header_icon.png) no-repeat 9px 11px #fff; position:relative; margin-bottom:8px;} div#trailersContent div.largeTrBox p.top{width:626px; padding:13px 0 10px 40px; background:url() no-repeat 10px center; margin:0; font-size:15px; font-family:"Oswald"; font-weight:400; cursor:default; text-transform:uppercase} div#trailersContent div.largeTrBox a{color:#015F7F; font-size:12px; text-decoration:none} div#trailersContent div.largeTrBox a:hover{color:#186D8B; text-decoration:underline} div#trailersContent div.largeTrBox div.trdet{position:relative; display:none; padding:0; border-top:1px solid #A9BBBF; width:666px; height: 244px; font-family:Arial, Helvetica, sans-serif; background-color: #ededed;} div#listoftiles div.filmTile {width:776px; font-size:13px; display:inline-block; height:112px; margin:0 0 10px 0; background-color:#fff; overflow:hidden; cursor:default; position:relative} .videoDetail div.filmTile {width:100%; font-size:13px; display:inline-block; height:auto; margin:0 0 10px 0; background-color:#fff; overflow:hidden; cursor:default; position:relative; line-height:140%;} div#listoftiles div.filmTile .num, .videoDetail div.filmTile .num{display:table; float:left; width:57px; text-align:center; vertical-align:middle; height:100%; background-color:#c6c6c6} div#listoftiles div.filmTile .num span, .videoDetail div.filmTile .num span{vertical-align:middle; display:table-cell; color:#333; font-weight:700 } div#listoftiles div.filmTile img {float:left; width:82px; height:112px;} .videoDetail div.filmTile img {float:left; width:100px; height:140px; margin-bottom:10px;} .videoDetail div.largeTrBox a.morevideos {font-size:15px !important; line-height:1px !important;} div#listoftiles div.filmTile div.details{padding:5px 10px; float:left; line-height:1.1; width:610px; height:112px} .videoDetail div.filmTile div.details{padding:10px 10px 5px 0px; float:right; line-height:1.1;width:calc(100% - 128px); height:auto} div#listoftiles div.filmTile div.details a, .videoDetail div.filmTile div.details a{color:#015F7F; font-size:13px; font-weight:700} div#listoftiles div.filmTile div.details span.fyear,.videoDetail div.filmTile div.details span.fyear{color:#777; font-size:11px} div#listoftiles div.filmTile div.details span.genres,.videoDetail div.filmTile div.details span.genres{color:#015F7F} div#listoftiles div.filmTile div.details p,.videoDetail div.filmTile div.details p{padding:0; margin:0} div#listoftiles div.filmTile div.details p.staff, .videoDetail div.filmTile div.details p.staff{padding:0; margin:5px 15px 0 0; font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:91%;} .videoDetail div.filmTile div.details p.staff {white-space:normal;} div#listoftiles div.filmTile div.details p.staff a, .videoDetail div.filmTile div.details p.staff a{font-size:12px;} div#listoftiles div.filmTile div.details p.actors, .videoDetail div.filmTile div.details p.actors{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12px; padding:0; margin:3px 13px 3px 0; width:91%;} div#listoftiles div.filmTile div.details p.actors a, .videoDetail div.filmTile div.details p.actors a{font-size:12px} div#listoftiles div.filmTile div.details p.descr,.videoDetail div.filmTile div.details p.descr {line-height:130%; color:#777; font-size:12px; margin:6px 0 0 0; width:580px; max-height:36px; overflow:hidden; width:92%;} .videoDetail div.filmTile div.details p.descr {color: #000; line-height: 1.4; width:auto; margin-top:10px; } .videoDetail div.filmTile div.details p.descr {max-height:500px;} div#listoftiles div.filmTile div.details span.addFav{width:39px; height:32px; position:absolute; background:url(https://www.mafab.hu/cinema/css/images/icon-sprite_wish.png) no-repeat center top; right:3px; top:20px; cursor:pointer} div#listoftiles div.filmTile div.details span.remFav{width:39px; height:32px; position:absolute; background:url(https://www.mafab.hu/cinema/css/images/icon-sprite_wish.png) no-repeat center bottom; right:3px; top:20px; cursor:pointer} div#listoftiles div.filmTile div.details span.addFav2{width:39px; height:32px; position:absolute; background:url("/img/icon-sprite_favorites.png") no-repeat center top; right:3px; top:20px; cursor:pointer} div#listoftiles div.filmTile div.details span.remFav2{width:39px; height:32px; position:absolute; background:url("/img/icon-sprite_favorites.png") no-repeat center bottom; right:3px; top:20px; cursor:pointer} div#listoftiles div.filmTile div.details span.addFav3{width:39px; height:32px; position:absolute; background:url("/img/icon-sprite_favorites.png") no-repeat center top; right:3px; top:50px; cursor:pointer} div#listoftiles div.filmTile div.details span.remFav3{width:39px; height:32px; position:absolute; background:url("/img/icon-sprite_favorites.png") no-repeat center bottom; right:3px; top:50px; cursor:pointer} div#trailersContent div.largeTrBox div.trdet div.ytube{width:395px; height:244px; display:inline-block; background:url() center center no-repeat #222; position:relative; margin: 5px 0 0 5px;} div#trailersContent div.largeTrBox div.trdet div.largepreview{width:400px; height:244px;} div#trailersContent div.largeTrBox div.trdet div.largepreview div{width:400px; height:244px; background:url(images/play_button_big_normal.png) no-repeat center center} div#trailersContent div.largeTrBox div.trdet div.largepreview div:hover{background:url(images/play_button_big_over.png) no-repeat center center; cursor:pointer} div#trailersContent div.largeTrBox div.trdet div.largepreview #yt_player{position:absolute; z-index:50; top:0; left:0} div#trailersContent div.largeTrBox div.trdet div.finfo{width:266px; height:244px; display:inline-block; background: #ededed; font-size:13px; position:absolute} /*div#trailersContent div.largeTrBox div.trdet div.finfo span.rate{position:absolute; padding-top:2px; width:42px; height:21px; right:0; top:0; color:#fff; text-align:center} */ div#trailersContent div.largeTrBox div.trdet div.finfo div.details{padding:10px 15px;} div#trailersContent div.largeTrBox div.trdet div.finfo div.details a.title{display:block; max-width:205px;} div#trailersContent div.largeTrBox div.trdet div.finfo div.details p.fyear{color:#777; font-size:11px} div#trailersContent div.largeTrBox div.trdet div.finfo div.details p.fyear a{color:#015F7F; font-size:9px} div#trailersContent div.largeTrBox div.trdet div.finfo div.details p.leiras{line-height:1; color:#333} div#trailersContent div.largeTrBox div.trdet div.finfo div.details p.actors{margin:2px; padding:0; line-height:1.1} div#trailersContent div.largeTrBox div.trdet div.finfo div.details p.actors span{color:#000} div#trailersContent div.largeTrBox div.trdet div.mt_list{height:100px; width:660px; background-color:#555; padding:5px 0; overflow:hidden; position:relative; display:none} div#trailersContent div.largeTrBox div.trdet div.mt_list table{position:absolute; left:0px} div#trailersContent div.largeTrBox div.trdet div.mt_list table td{height:90px; vertical-align:middle; text-align:center; width:126px;} div#trailersContent div.largeTrBox div.trdet div.mt_list table td div.trailer{ height:90px; width:116px; background-color:#000; display:inline-block; border:2px solid #555; -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 1); -moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 1); box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 1);} div#trailersContent div.largeTrBox div.trdet div.mt_list table td div.trailer.selected{border-color:#e2e2e2;} div#trailersContent div.largeTrBox div.trdet div.mt_list table td div.trailer div{height:90px; width:116px; background:url(images/play_button_small_normal.png) no-repeat center center;} div#trailersContent div.largeTrBox div.trdet div.mt_list table td div.trailer div:hover{background:url(images/play_button_small_over.png) no-repeat center center; cursor:pointer} div#trailersContent div.largeTrBox div.trdet div.mt_list div.leftnav_t{width:18px; height:40px; background:url(images/arrow_small_left.png) no-repeat -18px 0; position:absolute; left:0; top:30px; cursor:pointer} div#trailersContent div.largeTrBox div.trdet div.mt_list div.leftnav_t:hover{background-position:0 0} div#trailersContent div.largeTrBox div.trdet div.mt_list div.rightnav_t{width:18px; height:40px; background:url(images/arrow_small_right.png) no-repeat 0 0; position:absolute; right:0; top:30px; cursor:pointer} div#trailersContent div.largeTrBox div.trdet div.mt_list div.rightnav_t:hover{background-position:-18px 0} div#trailersContent div.largeTrBox div.m_id_list{height:212px; width:660px; overflow:hidden; position:relative; background-color:#fff; left:3px} div#trailersContent div.largeTrBox div.m_id_list table{margin:0; position:absolute; left:0px} div#trailersContent div.largeTrBox div.m_id_list table td{text-align:center; width:132px; position:relative} div#trailersContent div.largeTrBox div.m_id_list table td div#sl_arrow{width:132px; height:17px; position:absolute; top:0; left:0; background:url(images/positional_arrow.png) no-repeat center top; display:none} div#trailersContent div.largeTrBox div.m_id_list table td img{width:126px; height:172px; margin:5px 0; display:inline-block} div#trailersContent div.largeTrBox div.m_id_list table td img:hover{width:125px; height:172px;} div#trailersContent div.largeTrBox div.m_id_list table td p{font-size:13px; color:#015F7F; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; width:132px; text-align:center; margin:0 0 1px 0} div#trailersContent div.largeTrBox div.m_id_list table td p:last-of-type{color:#777; font-size:11px} div#trailersContent div.largeTrBox div.m_id_list table td a.picon{position:absolute; width:124px; height:170px; top:5px; left:3px; cursor:pointer; border:2px solid #d2d2d2; /*background:url(images/play_button_small_normal.png) center center no-repeat*/} div#trailersContent div.largeTrBox div.m_id_list table td a.picon:hover{border:2px solid #606060; background:url(images/play_button_small_over.png) center center no-repeat;} div#trailersContent div.largeTrBox div.m_id_list div.leftnav{width:32px; height:61px; background:url(images/arrow_big_left.png) no-repeat -32px 0; position:absolute; left:0; top:54px; cursor:pointer} div#trailersContent div.largeTrBox div.m_id_list div.leftnav:hover{background-position:0 0;} div#trailersContent div.largeTrBox div.m_id_list div.rightnav{width:32px; height:61px; background:url(images/arrow_big_right.png) no-repeat 0 0; position:absolute; right:0; top:54px; cursor:pointer} div#trailersContent div.largeTrBox div.m_id_list div.rightnav:hover{background-position:-32px 0} div#trailersContent div.largeTrBox div.streched div.leftnav{width:32px; height:61px; background:url(images/arrow_big_left.png) no-repeat -32px 0; position:absolute; left:0; top:16px; cursor:pointer} div#trailersContent div.largeTrBox div.streched div.rightnav{width:32px; height:61px; background:url(images/arrow_big_right.png) no-repeat 0 0; position:absolute; right:0; top:16px; cursor:pointer} div#trailersContent div.largeTrBox div.navigate{text-align:center; font-size:0px; padding:6px 0 7px 0; background-color:#fff;} div#trailersContent div.largeTrBox div.navigate div{width:18px; height:4px; display:inline-block; background-color:#ccc; margin-right:1px; cursor:pointer; outline:none} div#trailersContent div.largeTrBox div.navigate div.active{background-color:#555;} /* - clonebar */ div#clonebar div.mt_list{height:100px; width:100%; background-color:#555; padding:5px 0; overflow:hidden; position:relative} div#clonebar table{position:absolute; left:0px} div#clonebar table td{height:90px; vertical-align:middle; text-align:center; width:126px;} div#clonebar table td div.trailer{ height:90px; width:116px; background-color:#000; display:inline-block; border:2px solid #555; -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 1); -moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 1); box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 1);} div#clonebar table td div.trailer.selected{border-color:#e2e2e2;} div#clonebar div.trailer div{height:90px; width:116px; background:url(images/play_button_small_normal.png) no-repeat center center;} div#clonebar div.trailer div:hover{background:url(images/play_button_small_over.png) no-repeat center center; cursor:pointer} div#clonebar div.leftnav_t{width:18px; height:40px; background:url(images/arrow_small_left.png) no-repeat -18px 0; position:absolute; left:0; top:30px; cursor:pointer} div#clonebar div.leftnav_t:hover{background-position:0 0} div#clonebar div.rightnav_t{width:18px; height:40px; background:url(images/arrow_small_right.png) no-repeat 0 0; position:absolute; right:0; top:30px; cursor:pointer} div#clonebar div.rightnav_t:hover{background-position:-18px 0} /* */ div#player_content {position:relative} div#player_content div#cornerclose{width:20px; height:20px; position:absolute; right:-25px; top:0; background:url(images/close_video.png) no-repeat 0 0; cursor:pointer} div#player_content div#cornerclose:hover{background-position: -20px 0;} div#player_content div#maintitle{position:absolute; top:85px; left:50px;} div#player_content div#maintitle a{font-size:16px; color:#fff} /* small trailer box */ div#trailersContent div.smallTrBox {display:inline-block; width:327px; height:461px; border:none; color:#015f7f; font-size:0; background:url(images/trailers_header_icon.png) no-repeat 9px 11px #fff; position:relative; margin-bottom:8px;} div#trailersContent div.smallTrBox p.top{width:287px; padding:13px 0 10px 40px; color:#015f7f; background:url() no-repeat 10px center; margin:0; font-size:15px; font-family:"Oswald"; font-weight:400; cursor:default; text-transform:uppercase; border-bottom:1px solid #A9BBBF; overflow:hidden} div#trailersContent div.smallTrBox a{color:#015F7F; font-size:12px; text-decoration:none; display:block; width:120px; word-break: break-all;} div#trailersContent div.smallTrBox a:hover{color:#186D8B; text-decoration:underline} div#trailersContent div.smallTrBox div.mt_list{height:366px; overflow:hidden; position:relative} div#trailersContent div.smallTrBox div.mt_list div.v-scroll{position:absolute; top:0px; width:100%} div#trailersContent div.smallTrBox div.v-scroll div.box{position:relative; width:327px; height:122px; font-size:0; overflow:hidden} div#trailersContent div.smallTrBox div.v-scroll div.box div.trailer{height:122px; float:left; width:165px; height:122px; padding:0} div#trailersContent div.smallTrBox div.v-scroll div.box div.trailer a{height:122px; width:165px; background:url(images/play_button_small_normal.png) no-repeat center center;} div#trailersContent div.smallTrBox div.v-scroll div.box div.trailer div:hover{background:url(images/play_button_small_over.png) no-repeat center center; cursor:pointer} div#trailersContent div.smallTrBox div.v-scroll div.box div.rs{float:right; width:150px; background-color:#eeeff3; height:107px; padding:10px 5px 5px 5px} div#trailersContent div.smallTrBox div.v-scroll div.box div.rs.d0{background-color:#fff} /* div#trailersContent div.smallTrBox div.v-scroll div.box div.rs span.rate{position:absolute; width:42px; height:21px; right:0; top:0; color:#fff; text-align:center; font-size:13px; padding-top:2px} */ div#trailersContent div.smallTrBox div.v-scroll div.box div.rs p.fyear{color:#777; font-size:11px; padding:0; margin:2px 0} div#trailersContent div.smallTrBox div.v-scroll div.box div.rs p.rcomm{word-wrap:break-all; font-size:12px; padding:0; margin:5px 0 0 0; overflow:hidden; max-height:42px; color:#333} div#trailersContent div.smallTrBox div.nav-top{height:25px; width:100%; background:url(images/content_arrow_up.png) center center no-repeat #888888;} div#trailersContent div.smallTrBox div.nav-top:hover{background-color:#015f7f; cursor:pointer} div#trailersContent div.smallTrBox div.nav-bottom{height:25px; width:100%; background:url(images/content_arrow_down.png) center center no-repeat #888888;} div#trailersContent div.smallTrBox div.nav-bottom:hover{background-color:#015f7f; cursor:pointer}