/* listVideo */
.listVideo_ul{padding: 0 0 0; flex-wrap: wrap;}
.listVideo_ul li{width: 31.8%; box-sizing: border-box; margin-right: 2.3%;}
.listVideo_ul li:nth-child(3n){margin-right: 0;}
.video_item{margin-top: 32px; position: relative;}
.video_item:nth-child(-n+3){margin-top: 0;}
.video_item .pro_pic{padding-bottom: 75%; border-radius: 16px;}
.video_item .pro_pic::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.4); z-index: 1; opacity: 0;}
.video_item .item_icon{display: block; width: 66px; height: 66px; position: absolute; left: 50%; top: 50%; margin: -23px 0 0 -33px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-image: url(../img/play.png); opacity: 0; background-size: 100% auto; z-index: 2;}
.video_item .video_info{text-align: center; padding-bottom: 42px;}
.video_item .video_btn{position: absolute; left: 0; bottom: 0; width: 100%;}
.video_item .title{margin: 20px 0 14px; font-size: 20px; line-height: 1.25; overflow: hidden; font-family: 'Arial-Bold'; text-transform: uppercase;}
.video_item .pubMore1{height: 42px; line-height: 42px; padding: 0 42px 0 20px;}
.video_item .pubMore1::before{right: 16px;}
.video_item:hover .title{color: var(--commonColor);}
.video_item:hover .item_icon{margin-top: -33px; opacity: 1;}
.video_item:hover .pro_pic::before{opacity: 1;}
.video_item:hover .pubMore1{border-color: var(--commonColor); background: var(--commonColor); color: #fff;}
.video_item:hover .pubMore1::before{background-image: url(../img/icon_more1_w.png);}


@media only screen and (max-width: 1350px) {
	.video_item{margin-top: 26px;}
	.video_item .title{font-size: 18px;}
}
@media only screen and (max-width: 980px) {
	.listVideo_ul{padding-top: 0;}
	.listVideo_ul li{width: 100%; margin: 20px 0 0;}
	.video_item:nth-child(-n+3){margin-top: 20px;}
	.listVideo_ul li:first-child{margin-top: 0;}
	.video_item .pro_pic::before{opacity: 1;}
	.video_item .title{height: auto; font-size: 20px; display: block; margin: 14px 0 14px; line-height: 1.5;}
	.video_item .item_icon{margin: -30px 0 0 -30px; opacity: 1;}
}

/* innerVideo */
.video_div{border-radius: 50px; overflow: hidden;}
.video_div lite-youtube{display: block;}

@media only screen and (max-width: 1400px) {
	.video_div{border-radius: 40px;}
}
@media only screen and (max-width: 980px) {
	.video_div{border-radius: 20px;}
}