/* Video detail page — white background theme */



.video_single_page .wow.animated {
	visibility: visible;
}

.video_single_page .tem05-video-detail {
	background: #fff !important;
}

.video_single_page .tem05-video-detail-ms {
	padding: 120px 0 50px;
	background: #fff;
}

.video_single_page .tem05-video-detail-ms .container > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.video_single_page .tem05-video-detail-ms .videocur {
	width: 75% !important;
	max-width: 75%;
	flex: 0 0 75%;
	float: none !important;
}

.video_single_page .tem05-video-detail-ms .videolist {
	position: static !important;
	top: auto !important;
	right: auto !important;
	width: 25% !important;
	max-width: 25%;
	flex: 0 0 25%;
	float: none !important;
}

.video_single_page .tem05-video-detail-ms .carousel-inner {
	width: 100% !important;
	min-height: 0 !important;
	margin-bottom: 0;
}

.video_single_page .tem05-video-detail-ms .carousel-inner .video-box {
	min-height: 420px;
	background: #111;
}

.video_single_page .tem05-video-detail-ms .carousel-indicators {
	min-height: 420px;
	max-height: 420px;
}

.video_single_page .tem05-video-detail-ms .video-desc-box {
	background: #fff;
	border-top: 1px solid #eee;
	padding: 20px 15px;
}

.video_single_page .tem05-video-detail-ms .video-desc-box h1.title,
.video_single_page .tem05-video-detail-ms .video-desc-box .h1.title {
	color: #333;
	font-size: 22px;
	line-height: 1.4;
	margin: 10px 0 15px;
}

.video_single_page .tem05-video-detail-ms .video-desc-box .text {
	color: #666;
	font-size: 14px;
	line-height: 1.7;
}

.video_single_page .tem05-video-detail-ms .video-desc-box .video-share {
	border-top: 1px solid #eee;
	margin-top: 15px;
	padding-top: 15px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.video_single_page .tem05-video-detail-ms .video-desc-box .video-share .share-font {
	color: #999;
	float: none;
	line-height: 36px;
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.video_single_page .tem05-video-detail-ms .video-desc-box .video-share .share-icon {
	float: none;
	padding-left: 0;
}

.video_single_page .svd-share-icons .share-to a:hover span,
.video_single_page .svd-share-icons .share-to .svd-share-copy:hover span {
	color: inherit !important;
	background: transparent !important;
}

.video_single_page .tem05-video-detail-ms .carousel-indicators {
	background: #f7f7f7;
	border: 1px solid #eee;
}

.video_single_page .tem05-video-detail-ms .carousel-indicators li {
	border-bottom: 1px solid #eee;
	opacity: 1;
}

.video_single_page .tem05-video-detail-ms .carousel-indicators li.active {
	background: #fff;
	color: #333;
	border-left: 3px solid var(--main-color, #c00);
}

.video_single_page .tem05-video-detail-ms .carousel-indicators li:hover {
	background: #fff;
}

.video_single_page .tem05-video-detail-ms .carousel-indicators li .text {
	color: #555;
}

.video_single_page .tem05-video-detail-ms .carousel-indicators li.active .text {
	color: #333;
	font-weight: 600;
}

.video_single_page .svd-video-box iframe,
.video_single_page .svd-video-box video {
	width: 100%;
	min-height: 420px;
}

@media (max-width: 980px) {
	.video_single_page .tem05-video-detail-ms {
		padding-top: 90px;
	}

	.video_single_page .tem05-video-detail-ms .container > .row {
		display: block;
	}

	.video_single_page .tem05-video-detail-ms .videocur,
	.video_single_page .tem05-video-detail-ms .videolist {
		width: 100% !important;
		max-width: 100%;
		flex: none;
	}

	.video_single_page .tem05-video-detail-ms .videolist {
		margin-top: 20px;
	}

	.video_single_page .tem05-video-detail-ms .carousel-indicators {
		min-height: 0;
		max-height: 200px;
	}
}