.video{
	
	position: relative;
	width: 1226px;
	height: 600px;
	margin: 0 auto;
	top: 41px;
	
}
.video-player{
	
	position: absolute;
	width: 894px;
	height: 621px;
	top: 58px;
	z-index: 1;
	background: url(../img/resources/video/loading.png) center center no-repeat;
	
}
.video-name{
	
	position: absolute;
	width: 1226px;
	height: auto;
	font-size: 20px;
	margin: 0;
	padding: 0;
	top: 15px;
	left: 15px;
	
}
.video-list{
	
	position: absolute;
	width: 332px;
	height: 621px;
	top: 58px;
	right: 0px;
	background: #222222;
	
}
.video-list-name{
	
	position: absolute;
	width: 332px;
	height: 71px;
	
}

.video-list-list{
	
	position: absolute;
	width: 332px;
	height: 550px;
	overflow: hidden;
	top: 71px;
	
}
.video-list-list>ul{
	
	position: absolute;
	width: 332px;
	height: 100%;
	margin: 0;
	padding: 0;
	
}
.video-list-list>ul>li{
	
	position: relative;
	width: 332px;
	height: 55px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	
}
.video-list-list>ul>li:hover{
	
	background: #515151;
	
}
.video-list>ul>li:first-child{
	
	height: 71px;
	
}
#video-title{
	
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #FCFCFC;
	left: 15px;
	top: 15px;
	
}
#video-episode-count{
	
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #999999;
	top: 40px;
	left: 15px;	
}
#video-episode-count-select{
	
	position: absolute;
	margin: 0;
	padding: 0;
	width: 74px;
	height: 30px;
	right: 15px;
	background: #515151;
	border: 0px;
	color: #FFFFFF;
	top: 20.5px;
	display: none;
	
}
.video-list-num{
	
	position: absolute;
	margin: 0;
	padding: 0;
	color: #999999;
	top: 10px;
	left: 15px;
	font-size: 12px;
	
}
.video-list-title{
	
	position: absolute;
	margin: 0;
	padding: 0;
	color: #FCFCFC;
	top: 10px;
	left: 45px;
	font-size: 14px;
	
}
.video-list-play-count{
	
	position: absolute;
	margin: 0;
	padding: 0;
	color: #999999;
	top: 30px;
	left: 45px;
	font-size: 12px;
		
}
.video-recommend{
	
	position: relative;
	width: 1226px;
	height: 417px;
	background: #FFFFFF;
	top: 714px;
	
}
.video-recommend-self{
	
	position: absolute;
	left: 16px;
	width: 452px;
	height: 417px;
	
}
.video-recommend-self>p,.video-recommend-other>p{
	
	position: relative;
	top: 16px;
	margin: 0;
	padding: 0;
	font-size: 20px;
	
}
.video-recommend-self>div,.video-recommend-other>div{
	
	position: absolute;
	width: 218px;
	height: 327px;
	overflow: hidden;
	top: 58px;
		
}
.video-recommend-self>div>img,.video-recommend-other>div>img{
	
	position: absolute;
		
}
.video-recommend-other{
	
	position: absolute;
	right: 16px;
	width: 686px;
	height: 375px;
	
}

.list-li-selected{
	
	background: #515151;
	
}

.video-recommend-coverimg{
	
	left: 74px;
	top: 128.5px;
	opacity: 0;
	transition: all .2s;
	pointer-events: none;
	
}
.video-recommend-self>div,.video-recommend-other>div{
	
	cursor: pointer;
	
}
.video-recommend-self>div:hover .video-recommend-img,.video-recommend-other>div:hover .video-recommend-img{
	
	opacity: .6;
	
}
.video-recommend-self>div:hover .video-recommend-coverimg,.video-recommend-other>div:hover .video-recommend-coverimg{
	
	opacity: 1;
	
}