.tem20-video .items{overflow:hidden;}
.tem20-video .item .box,
.tem20-video .item .image .icon,
.tem20-video .video_show:before{transition:all 1s cubic-bezier(.165,.84,.44,1)}
.tem20-video .item{padding:7px;}
.tem20-video .item .box{background-color:#FFF}
.tem20-video .item .box:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}
.tem20-video .item .image{cursor:pointer;position:relative;display:block}
.tem20-video .item .image::before{opacity:0; content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;}
.tem20-video .item .image:hover::before{opacity:1;}
.tem20-video .item .image::after{opacity:1;content:"";position:absolute;bottom: 10px; top: 10px; left: 10px; right: 10px;border:1px solid #fff;z-index: 1;-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;}
.tem20-video .item .image:hover::after{opacity:0;}
.tem20-video .item .image .icon{padding:10px;line-height:1;font-size:26px;border:2px solid #fff;color:#FFF;background-color:rgba(0,0,0,0.3);position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);border-radius:50%;z-index: 2;}
.tem20-video .item .image:hover .icon{border-color:inherit;background-color: transparent;color: var(--main-color);}
.tem20-video .item .text{padding:10px}
.tem20-video .item .text .title{line-height:1;padding-bottom:6px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tem20-video .item .text .description{font-size:12px;opacity:.5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} 
.tem20-video .item img{width:100%}
.tem20-video.content-left{text-align:left}
.tem20-video.content-middle{text-align:center}
.tem20-video.content-right{text-align:right}
.tem20-video .video_show{width:100vw;height:100vh;position:fixed;top:0;left:0;display:none;z-index:-1;opacity:0}
.tem20-video .video_show:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;display:block;z-index:2}
.tem20-video .video_show .box{display:block;background-color:#FFF;box-shadow:0 0 50px rgba(0,0,0,.2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}
.tem20-video .video_show .box video{display:block;max-height:80vh;max-width:90vw;width:auto}
.tem20-video .video_show .box .title{padding:10px 20px;font-size:18px}
.tem20-video .video_show .box .title span{display:block}
.tem20-video .video_show .box .left{float:left}
.tem20-video .video_show .box .left span{padding:8px 0}
.tem20-video .video_show .box .right{float:right}
.tem20-video .video_show .box .right span{padding:12px 0}
.tem20-video .video_show .video_close{cursor:pointer}
.tem20-video .video_show.show{display:block;z-index:99;opacity:1}
.tem20-video .video_show.show:before{background-color:rgba(0,0,0,.2)}
.tem20-video .video_swiper{position:relative;padding-bottom:20px;margin: 0 -7px;}
.tem20-video .video_swiper .swiper-pagination{bottom:0;}
.tem20-video .video_swiper .nav {background-color: #FFF; }
.tem20-video .video_swiper .nav span{opacity:0;color:rgba(122,122,122,0.5);display:block;width:40px;height:40px;font-size:26px;border-radius:50%;cursor:pointer;position:absolute;top:50%;margin-top:-30px;text-align: center;transition:.5s;z-index:1;-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;}
.tem20-video .video_swiper:hover .nav span{opacity:1;}
.tem20-video .video_swiper .nav span:hover{color:var(--main-color);/*background-color:rgba(255,255,255,0.5);*/}
.tem20-video .video_swiper .nav span.prev{left:5px;}
.tem20-video .video_swiper .nav span.next{right:5px;}
.tem20-video .video_swiper .nav span i{display:block;width:40px;height:40px;line-height: 40px;overflow:hidden;}
.tem20-video .video_swiper .nav span i.icon-gengduo1:before{margin-left:-14px;}
.tem20-video .video_swiper .nav span i.icon-appLeft:before{margin-top:3px;}
.tem20-video .video_swiper .nav span.prev i,
.tem20-video .video_swiper .nav span i.icon-appLeft:before,
.tem20-video .video_swiper .nav span i.icon-keyboard_backspace:before{display:inline-block;transform:scaleX(-1);}
@media(max-width:768px){
    .tem20-video{padding: 15px 0 !important;}
    .tem20-video .item .text{padding:10px;}
    .tem20-video .item{padding:5px;}
    .tem20-video .video_swiper{margin:0;}
    .tem20-video .video_swiper .nav span{display:none;}
    .tem20-video .container{padding-left: 3%!important;padding-right: 3%!important}
    .tem20-video.full-screen-spacing .container.full-screen{padding-left: 0!important;padding-right: 0!important}
}
@media(max-width:640px){
    .tem20-video .video_show .box .left span{padding:4px 0;}
    .tem20-video .video_show .box .right span{padding:8px 0;}
}
@media(max-width:480px){
    .tem20-video .item{width:100%;padding:1px;}
}