@charset "utf-8";
/* posterTvGrid */
.posterTvGrid{position:relative;}
.posterTvGrid img{max-width:none;max-height:none;border:0 none;}
.posterTvGrid .contentHolder{position:relative;overflow:hidden;}
.posterTvGrid .contentHolderUnit{cursor:pointer;position:absolute;width:593px;}
.posterTvGrid .contentHolderUnit a.elementLink{display:block;overflow:hidden;z-index:3;position:absolute;left:0;right:0;width:100%;height:100%;}
.posterTvGrid .contentHolderUnit img{width:100%;height:100%;object-fit:contain;}

.posterTvGrid .contentHolderUnit .elementOverlay{z-index:1;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:0;filter:opacity=0;}
.posterTvGrid .contentHolderUnit .leftShadow{display:none;}
.posterTvGrid .contentHolderUnit .rightShadow{display:none;}

.posterTvGrid .leftNav,.posterTvGrid .rightNav{cursor:pointer;z-index:10;position:absolute;top:50%;width:45px;height:45px;margin-top:-43px;}
.posterTvGrid .leftNav{left:7px;background:url("img/1.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slide_prev_btn.png");}
.posterTvGrid .rightNav{right:7px;background:url("img/2.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slide_next_btn.png");}

.posterTvGrid .bottomNav{z-index:140;position:absolute;width:100%;bottom: -10px;padding:10px 0 0;text-align:center;}
.posterTvGrid .bottomNavButtonOFF{cursor:pointer;overflow:hidden;display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;vertical-align:top;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#c3c3c3;}
.posterTvGrid .bottomNavButtonOFF:hover{background:#aaa;}
.posterTvGrid .bottomNavButtonON,
.posterTvGrid .bottomNavButtonON:hover{background:#69aaec;}


/* 响应式布局 */
@media screen and (max-width: 768px) {
    .posterTvGrid{width: 100%; height: 100%;}
    .posterTvGrid .leftNav,.posterTvGrid .rightNav{width: 30px; height: 30px; margin-top: -25px;}
    .posterTvGrid .leftNav{background-size: contain;}
    .posterTvGrid .rightNav{background-size: contain;}
    .posterTvGrid .contentHolderUnit .leftShadow,
    .posterTvGrid .contentHolderUnit .rightShadow{width: 80px; height: 100px; background-size: contain;}
}

@media screen and (max-width: 480px) {
    .posterTvGrid{height: 100%;}
    .posterTvGrid .leftNav,.posterTvGrid .rightNav{width: 25px; height: 25px; margin-top: -20px;}
    .posterTvGrid .bottomNavButtonOFF{width: 8px; height: 8px; margin: 0 3px;}
}