@charset "utf-8";

/**
 * container
 */
.container{position: relative; /*padding: 15px; */}
.blank{background-color: #ededed; height: 2px; }

/**
 * playlist
 */
.append_div{ font-size: 0;margin-top: 10px;}
.p_container{ cursor:pointer; padding:0; display: inline-block; width:50%; vertical-align: top;}
.playlist > h3{margin-top: 10px; }
.playlist-thum{position: relative; display: block; max-height: 75vw; overflow: hidden; width: 100%; }

.playlist-thum > img{display: block; width: 100%; }
.playlist-thum > span{position: absolute; bottom: 7px; right: 7px; padding: 4px 10px; text-align: center; background-color: #b20000; color: #fff; }
.playlist-s{ margin: 5px; border-radius: 10px; overflow: hidden;}
.playlist-s:after{content: ""; display: block; clear: both; }
.playlist-s-thum{position: relative;display: block; width: 100%;  overflow: hidden; min-height:120px; max-height:200px; }
.playlist-s-thum .mark19{
    position: absolute;
    width:100%;
    top:0; 
	left:0; 
	right:0; 
	bottom:0;
    background-color: #b20000;
}
.playlist-s-thum .mark19 img{
    position:absolute; 
	width:60%; 
	top:50%; 
	left:50%; 
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%);
    z-index:10;
}
.playlist-s-thum > img{display: block; width: 100%; height:100%; }
.playlist-s-thum > span{position: absolute; bottom: 5px; right: 5px; width: 50px; padding: 2px 0; font-size: 10px; text-align: center; background-color: #b20000; color: #fff; }
.playlist-s-text{ padding: 5px 10px; font-size: 14px; background-color: #000; color:#fff;}
.playlist-s-text:after{content: ""; display: block; clear: both; }
.playlist-s-text > h3 {font-weight: normal;letter-spacing: -1px; height: 19px; margin-bottom: 5px; overflow: hidden; }
.playlist-s-text > h3 > a { text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.playlist-s-text >a{ width:100%; overflow: hidden; line-height: 1.2; max-height: 30px;}
.playlist-s-text >a > p{ color:#fff !important; }
.playlist-s-text >a > span{ color:#fff !important; display: inline-block; width:50%;  }
.playlist-s-text .info_left{ float: left; color:#a8a8a8; font-size: 12px; padding:5px 0;}
.playlist-s-text .info_right{ float: right; text-align: right; color:#a8a8a8; font-size: 12px; padding:5px 0;}


/* ÇÏ´Ü ¹Ì¸®º¸±â »çÁøµé */
.vod_preview{ width:100%; /*height:50px;*/ font-size: 0;}
.vod_preview .photo_list{ display:inline-block; width:100%; /*height: 50px;*/ overflow:hidden; font-size: 0; vertical-align: top;}
.vod_preview .photo_list ul li img{ width:100%; }
.vod_preview>a{ display:inline-block; width:5%; line-height: 50px;}

/**
 * playview
 */
.playview > h3{margin-top: 10px; }
.playview > div{margin: 0 0 5px; color: #aaa; }
.playview > p img {max-width: 100%; }
.playview-btn{display: block; width: 100%; height: 35px; line-height: 33px; margin: 10px auto 0; border:1px solid #bbb; }
.playview-player{position: relative; }
.playview-player > h2{position: absolute; z-index: 1; top: 10px; left: 10px; right: 10px; color: #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.playview-player > strong{position: absolute; z-index: 1; top: 40px; left: 10px; color: #ddd; font-weight: 100; }
.playview-player > span{position: absolute; z-index: 1; bottom: 15px; right: 15px; height: 25px; line-height: 25px; padding: 0 14px; text-align: center; background-color: #b20000; border-radius: 12px; color: #fff; }
.playview-player > button{position: absolute; z-index: 1; top: 50%; left: 50%; margin: -95px 0 0 -65px; width: 130px; height: 190px; }
.playview-player > button > i{font-size: 90px; color: #fff; }

.playview .backmovie{ width:100%;  margin-top:20px; text-align: center; font-weight: bold;  padding:10px 0; border:1px solid rgba(0,0,0,0.3); background-color:#b20000;}

