/* video页面样式 */

/* listVideo_box */
.listVideo_box{padding-bottom: 30px;}

.video_list{display: flex; flex-wrap: wrap; gap: 16px; padding: 20px 0 0;}
.video_list li{width: calc(50% - 8px);}
.video_list li .sort_pic{padding-bottom: 54.2%;}
.video_list li .title{margin-top: 8px;}
.video_list li .title a{font-size: 24px; color: #333; font-weight: bold; line-height: 28px;}
.video_list li .video_icon{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.2); opacity: 0; transition: all 0.3s ease;}
.video_list li .video_icon::before{position: absolute; content: ''; width: 80px; height: 80px; left: 50%; top: 50%; margin: -40px 0 0 -40px; background: url(../img/sub_30.png) no-repeat center/100% auto; background-color: #0062ab; border-radius: 50%;}

.video_list li .sort_pic:hover .video_icon{opacity: 1;}
.video_list li:hover .sort_pic .video_icon{opacity: 1;}
.video_list li .title a:hover{color: #bd0209;}

/* .innerVideo_video */
.innerVideo_box{margin-bottom: 30px;}
.innerVideo_video{margin-bottom: 30px;}
.innerVideo_video .video_pic{padding-bottom: 56.3%;}
.innerVideo_video .video_pic_bg{position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); cursor: pointer;}
.innerVideo_video .video_pic_bg::before{position: absolute; width: 58px; height: 58px; content: ''; left: 50%; top: 50%; margin: -29px 0 0 -29px; background: url(../img/sub_32.png) no-repeat center/100% auto;}


@media only screen and (max-width: 950px) {
	.listVideo_box{padding-bottom: 15px;}
	.innerVideo_box{margin-bottom: 0;}
	.innerVideo_video{margin-bottom: 0;}
	.video_list{gap: 0; padding: 0;}
	.video_list li{width: 100%; margin-bottom: 20px;}
	.video_list li:last-child{margin-bottom: 0;}
	.video_list li .title a{font-size: 20px;}
	.video_list li .video_icon{opacity: 1;}
	.video_list li .video_icon::before{width: 50px; height: 50px; margin: -25px 0 0 -25px;}
}