/* listVideo */
.listVideo_ul{flex-wrap: wrap;}
.listVideo_ul li{width: 48.2%;}
.listVideo_ul .video_item{margin-bottom: 3%;}

.video_item .pro_pic{padding-bottom: 60%;}
.video_item .pro_pic::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: rgba(0, 0, 0, 0.4); z-index: 1;}
.video_item .item_icon{position: absolute; width: 42px; height: 42px; background: url(../img/play_b.png) no-repeat center/ 15px auto; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; content: ''; border-radius: 50%;}
.video_item .title{font-family: 'AkzidenzGroteskBQ-Bold'; margin: 15px 0 0; text-align: left; line-height: 1.25; height: 2.5em; font-size: 22px;}
.video_item:hover .pro_pic img{transform: scale(1.05);}
.video_item:hover .title{color: var(--commonColor);}
.video_item:hover .item_icon{background-image: url(../img/play.png); background-color: var(--commonColor);}

@media only screen and (max-width: 950px) {
	.listVideo_ul .video_item{width: 100%; margin-bottom: 20px;}
	.listVideo_ul .video_item:last-child{ margin-bottom: 6px;}
	.listVideo_ul .video_item .title{font-size: 20px; min-height: unset; height: auto; display: block;}
}

/* innerVideo */
.sub_th{margin-top: 3%;}

@media only screen and (max-width: 950px) {
	
	.video_div{margin-top: 20px;}
}