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

video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}

.videoCon{/*width:1200px;*/margin:0px auto;width:1280px;}

/*视频播放器*/
.album-container {position:relative; height:506px; background:#282828;overflow:hidden;}

/*left*/
.album-container .player {float:left; overflow:hidden; width:900px; height:506px;}

.player .videoBox{text-indent:0;position:relative;background:#000; width:100%; height:506px; line-height:506px; margin:0 auto; text-align:center;}
.player.oneVideo .videoBox{height:675px; line-height:675px;}
.player .videoBox video{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
.player .videoBox:after{content: ''; display: block; padding-top:56.25%; z-index:1}
.player .videoBox div{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);text-align:center;cursor: pointer;}
.player .videoBox img{width:80px;height:80px; margin-top:200px; vertical-align:top; display:none}

/*right*/
.album-container .album {float:right;/*width:300px;*/ width:380px; height:506px; overflow:hidden; color:#999; padding-left:20px; box-sizing:border-box;}
.album-container .album .albumName {line-height:50px; height:45px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; width:100%; color:#ccc;}
.album-container .album .albumName a{color:#ccc}

.scrollbarDiv{/*width:280px;*/ width:360px; height:461px; overflow:hidden;}
.scrollbarDiv .scrollbar{position:relative;background-position:0 0;float:right; width:5px;}
.scrollbarDiv .track{height:100%;width:5px;position:relative;}
.scrollbarDiv .thumb{background:rgb(66, 66, 66);webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;height:0px;width:5px;cursor: pointer; overflow:hidden;position:absolute;top:0;left:0px;}
.scrollbarDiv .thumb .end{background:rgb(66, 66, 66);webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;overflow:hidden;height:5px;width:5px;}
.scrollbarDiv .viewport{/*width:275px;*/width:355px;height:461px;overflow:hidden;position:relative;}
.scrollbarDiv .overview{position:absolute;left:0;top:0;padding:0;margin:0;}

.album-container .album .list {box-sizing:border-box; width:100%; padding-right:15px;}
.album-container .album .item {width:100%; clear:both; line-height:20px; padding:10px 0; overflow:hidden; text-align:left;/*border-top: 1px solid #333;*/}
.album-container .album .item a{display:block; overflow:hidden;}
/*.album-container .album .item:hover {background: #222;}*/
.album-container .album .img {float:left; width:112px; margin-right:12px; position:relative;}
.album-container .album .img img{width:112px; height:63px;}
.album-container .album .img span{position:absolute;bottom:2px;left:2px;display:block;background:rgba(0,0,0,0.8);font-size:10px;padding:0px 3px;color:#999;}

.album-container .album .item.active a .videoTit ,
.album-container .album .item:hover a .videoTit {/*color:#d6a517;*/ color:#ff595c; text-decoration:none;}
.album-container .album .item.active a .img{border:#d6a517 1px solid; box-sizing:border-box;}

.album-container .album .videoTit {float:right; /*width:136px;*/ width:216px; font-size:14px;}
.album-container .album a .videoTit {line-height:21px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;word-break: break-all;}

.album-container .arrow {background-image:url(../images/album-arrow.png);background-position: 0 0; width:10px; height:60px; position:absolute; top:223px; left: 900px; z-index:2; cursor: pointer;}
.album-container .arrow:hover {background-position: 10px 0;}

.album-container.extend .player {/*width:1200px;*/width:1280px;}
.album-container.extend .album {display:none;}
.album-container.extend .arrow {/*left:1190px;*/left:1270px;background-position: 0 -60px;}
.album-container.extend .arrow:hover {background-position: -10px -60px;}

.album-container .player .videoError{color:#fff;font-size: 22px; line-height:50px; padding:180px 0px;}
.album-container .player .videoError span{color:#666;font-size: 17px;}

.album-artTitle{font-size:30px;margin-bottom:20px;}
.album-info{font-size:14px;line-height: 28px;}
.album-summary{font-size:14px;line-height: 28px;padding: 10px 0px;position:relative;}
.album-summary span{position:absolute;left:0;bottom:-90px;height:40px;color:#adadad;}
.album-summary span a{color:#adadad;}

.album-container .loadRotate {
	width:50px; height:50px; display:block;	margin:150px auto;
	-webkit-animation-name: rotateRight;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes rotateRight{
	from{-webkit-transform:rotate(360deg)}to{-webkit-transform:rotate(0deg)}
}