/*
* @Author: omtech.cn
* @Date:   2019-04-03 17:57:42
 * @Last Modified by: Doris.Lee
 * @Last Modified time: 2021-01-25 17:11:06
*/
@charset "utf-8";

/* show-video */
.show-section-video { margin-top: 0;}
.show-video {
	position: relative;
	top: 0;
	z-index: 9;
	width: 100%;
	overflow: hidden;
	background-color: #000;
	-webkit-transition: 500ms;
	        transition: 500ms;
}
.show-video video {
	display: block;
	width: 100%;
	max-height: 100%;
}
.video-poster {
    position: relative;
    height: 0;
    padding-top: 56.25%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.video-poster:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	background: url('../../../images/cando/10.0.0/video_bg.png') no-repeat center rgba(0,0,0,.4);
	background-size: 4.2rem auto;
}
.video-poster,
.video-player-h5,
.video-player-flash {
	width: 100%;
	max-height: 100%;
}
.video-player-flash {
	font-size: 16px;
	line-height: 360px;
}
.video-player-flash a { color: #fff; }
.video-player-flash object {
	display: block;
	line-height: 1;
}
.video-quality {
	padding: 0 1.5rem;
	background: #f4f4f4;
}
.video-channel,
.video-title,
.video-info,
.video-description { margin: 0 1.5rem; }
.video-channel {
	position: relative;
	margin-top: 1.5rem;
	overflow: hidden;
}
.video-channel-logo {
	float: left;
	width: 9rem;
	height: 4.86rem;
	overflow: hidden;
	border-radius: 1.5rem;
}
.video-channel-logo img {
	width: 100%;
	height: 100%;
}
.video-channel-name {
	position: absolute;
	top: 50%;
	right: 8rem;
	left: 10rem;
	font-size: 1.6rem;
	line-height: 1.2;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
.video-channel-attention {
	position: absolute;
	top: 50%;
	right: 0;
	width: 7rem;
	height: 2.5rem;
	font-size: 1.4rem;
	line-height: 2.5rem;
	color: #fff;
	text-align: center;
	border-radius: 3rem;
	background-color: #dc4712;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
.video-channel-attention.active { background-color: #ff520a; }
.video-channel-attention span {
	position: relative;
	display: inline-block;
	padding-left: 1.5rem;
}
.video-channel-attention span:before,
.video-channel-attention span:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1.1rem;
	height: .1rem;
	margin-top: -.1rem;
	content: '';
	background-color: #fff;
}
.video-channel-attention span:after {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.video-title {
	position: relative;
	overflow: hidden;
	margin-top: 1.5rem;
	font-size: 1.8rem;
	line-height: 1.5;
}
.video-info {
	position: relative;
	height: 2rem;
	margin-top: .5rem;
	margin-bottom: 1rem;
	line-height: 1.8;
	color: #888;
}
.video-info-comefrom { margin-left: 1rem; }
.video-info .desc-switch {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3.5rem;
	height: 2rem;
	border-radius: 2rem;
	background: url('../../../images/cando/10.0.0/desc_switch.png') no-repeat center;
	background-size: 1.4rem auto;
	background-color: #e2e2e2;
}
.video-info .desc-switch.on {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.video-description {
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #888;
	text-align: justify;
}

.series-title h2 { padding-left: 2.3rem; }
.series-title h2:before {
	position: absolute;
	top: 48%;
	left: .5rem;
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	content: '';
	background: url('../../../images/cando/10.0.0/series_title.png') no-repeat;
	background-size: auto 100%;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
.series-list {
	overflow: hidden;
	padding-left: 1.5rem;
	padding-bottom: 1.5rem;
	padding-right: .5rem;
}
.series-list li {
	float: left;
	width: 20%;
	padding-top: 1rem;
	padding-right: 1rem;
	text-align: center;
}
.series-list li a {
	position: relative;
	display: block;
	padding: 1.2rem .5rem;
}
.series-list li a.active { background-color: #f0f0f0; }
.series-list li a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 200%;
	content: '';
	border: .1rem solid #e2e2e2;
	-webkit-transform: scale(.5);
	-webkit-transform-origin: 0 0;
}
.series-list li.on a { color: #435c92; }
.series-list li.on a:after { border-color: #435c92; }