.tem26-video{position: relative;z-index: 2;}
.tem26-video .con{height: 100vh;}
.tem26-video .con .image{background-size: cover;background-position: center;width: 100%;height: 100vh;position: absolute;transition: .6s ease-out;}
.tem26-video .con .image img{width: 100%;height: 100%;visibility: hidden;}
.tem26-video .con .box{height: 100vh;position: relative;transition: all 6s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition: all 6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 6s cubic-bezier(0.19, 1, 0.22, 1);}
.tem26-video .con .box_ul{height: 100%;justify-content:center;flex-direction:row;flex-wrap: nowrap;position: absolute;margin-left: 70px}
.tem26-video .con .box_ul .item{height: 100%;display: flex;display: -webkit-flex;align-items: center;color:#fff;margin-right:70px;padding:20px;width: 440px;text-align: center;transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1)}
.tem26-video .item {cursor:pointer;background-color:transparent;}
.tem26-video .item .video{width: 100%;}
.tem26-video .item .video .play{height: 50px;line-height: 50px;width: 50px;border-radius: 50%;position: relative;padding:0;border-color:#fff;border-width: 0;opacity: 0;font-size: 30px;margin:auto;transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;}
.tem26-video .item.active .video .play{opacity: 1;transform: translateY(10px);-moz-transform: translateY(10px);-webkit-transform: translateY(10px);}
.tem26-video .item .video .play::after{position: absolute;content: "";width: 100%;height: 100%;border-radius: 50%;left:0;top:0;border:2px solid;border-color:inherit;transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;transform: scale(0);-moz-transform: scale(0);-webkit-transform: scale(0);}
.tem26-video .item.active .video .play::after{transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);}

.tem26-video .item .video .title{font-size: 20px;font-weight: lighter;font-size: 2.5em;}
.tem26-video .item .video .description{font-size: 12px;transition:.6s;transform: translateY(-60px);margin-top: 20px;}
.tem26-video .item.active .description{transform:translateY(10px);-moz-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px);}
.tem26-video .con_ul{position: relative;width: 5000px;height: 100%;}
.tem26-video picture{position: absolute;left:0;top:0;width: 100vw;height: 100%;overflow: hidden;z-index: -1;}
.tem26-video picture .image{opacity: 0;}
.tem26-video picture .image.active{opacity: 1;}
.tem26-video .video_show{width:100vw;height:100vh;position:fixed;top:0;left:0;display:none;z-index:-1;opacity:0}
.tem26-video .video_show:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;display:block;z-index:2}
.tem26-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%;z-index:3;transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);height:auto;}
.tem26-video .video_show .box video{display:block;max-height:80vh;max-width:90vw;width:100%;}
.tem26-video .video_show .box .title{padding:10px 20px;font-size:18px}
.tem26-video .video_show .box .title span{display:block}
.tem26-video .video_show .box .left{float:left;width:calc(100% - 40px);}
.tem26-video .video_show .box .left span{padding:8px 0}
.tem26-video .video_show .box .right{float:right}
.tem26-video .video_show .box .right span{padding:12px 0}
.tem26-video .video_show .video_close{cursor:pointer}
.tem26-video .video_show.show{display:block;z-index:99;opacity:1}
.tem26-video .video_show.show:before{background-color:rgba(0,0,0,.7)}
.tem26-video .item_bg{background: rgba(0,0,0,.4);}
@media(min-width: 769px){
    .tem26-video .item:hover .description{transform:translateY(10px);-moz-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px);}
    .tem26-video .item:hover .video .play::after{transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);}
    .tem26-video .item:hover .video .play{opacity: 1;transform: translateY(10px);-moz-transform: translateY(10px);-webkit-transform: translateY(10px);}
}
@media (max-width: 768px){
    .tem26-video .con .box_ul .item{width: 300px;}
}
@media (max-width: 480px){
    .tem26-video .con .box_ul .item{width: 200px;margin-right: 30px;}
    .tem26-video .con .box_ul{margin-left: 20px;}
    .tem26-video .item .video .play{height: 40px;width: 40px;line-height: 40px;font-size: 20px;}
}
@media (max-width: 360px){
    .tem26-video .con .box_ul .item{width: 200px;margin:0 0 0 30px;}
}