.tem23-video a{display:block;width:100%;}
.tem23-video .flexBoxStem{align-items: flex-start;}
.tem23-video.content-right .flexBoxStem{flex-direction: row-reverse;}
.tem23-video .item .box img{width: 100%;}
.tem23-video .item1 .box{border-right: 1px solid #eee;}
.tem23-video .box{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.tem23-video .box.reverse{flex-wrap: wrap-reverse;}
.tem23-video.content-right .item1 .box{border-right: none;border-left:1px solid #eee;}
.tem23-video .item2 .box{padding:0 10%;}
.tem23-video .item1 .text{padding:0 0 5% 10%;width: 100%;}
.tem23-video.content-left .item1 .text{padding:0 10% 5% 0;}
.tem23-video.content-right .item1 .text{padding:0 0 5% 10%;}
.tem23-video .flexBoxWrap .item1 .box.reverse .text{padding-top:5%;padding-bottom: 0;}
.tem23-video .item .text .title{font-size: 26px;margin-bottom: 20px;color:#232323;}
.tem23-video .item .text .description{line-height: 170%;color:#666;}
.tem23-video .item2 .text{padding: 20px 0;}
.tem23-video .item2 .text .title{font-size: 18px;margin-bottom: 10px;}
.tem23-video .item2 .image img{transition: .4s ease-out;-o-transition: .4s ease-out;-moz-transition: .4s ease-out;-ms-transition: .4s ease-out;-webkit-transition: .4s ease-out;}
.tem23-video .item video{width: 100%;}
.tem23-video .item .video{position: relative;}
.tem23-video .item .video .play{position: absolute;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;font-size: 30px;left:50%;top:50%;background: #fff;text-align: center;box-shadow: 0 0 18px rgba(0,0,0,.08);border-color: rgba(255,255,255,.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%);}
.tem23-video .item .video .play::after{position: absolute;content: "";left:0;top:0;width: 100%;height: 100%;border:10px solid;border-color: inherit;border-radius: 50%;transition: .4s ease-out;-o-transition: .4s ease-out;-moz-transition: .4s ease-out;-ms-transition: .4s ease-out;-webkit-transition: .4s ease-out;}
.tem23-video .item .video .play span{line-height: 50px;}
.tem23-video .video_show{width:100vw;height:100vh;position:fixed;top:0;left:0;display:none;z-index:-1;opacity:0}
.tem23-video .video_show:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;display:block;z-index:2}
.tem23-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%);}
.tem23-video .video_show .box video{display:block;max-height:80vh;max-width:90vw;width:auto}
.tem23-video .video_show .box .title{padding:10px 20px;font-size:18px}
.tem23-video .video_show .box .title span{display:block}
.tem23-video .video_show .box .left{float:left}
.tem23-video .video_show .box .left span{padding:8px 0}
.tem23-video .video_show .box .right{float:right}
.tem23-video .video_show .box .right span{padding:12px 0}
.tem23-video .video_show .video_close{cursor:pointer}
.tem23-video .video_show.show{display:block;z-index:99;opacity:1}
.tem23-video .video_show.show:before{background-color:rgba(0,0,0,.2)}
@media (min-width: 769px){
    .tem23-video .item2 .box:hover .image img{transform: scale(1.06);-o-transform: scale(1.06);-ms-transform: scale(1.06);-moz-transform: scale(1.06);-webkit-transform: scale(1.06);}
    .tem23-video .item .video:hover .play::after{transform: scale(1.3);-o-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);-webkit-transform: scale(1.3);}
}
@media (max-width:768px){
    .tem23-video .container,
    .tem23-video.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important;}
    .tem23-video .item1.col-xs-12 .box{border:none;margin-bottom: 15px;}
    .tem23-video .item1.col-xs-12 .text{padding: 3%!important;}
    .tem23-video .item2 .box{padding:0;}
}
@media(max-width:640px){
    .tem22-video .video_show .box .left span{padding:4px 0;}
    .tem22-video .video_show .box .right span{padding:8px 0;}
    .tem22-video .text{padding: 0;}
    .tem22-video .text::after{display: none;}
}
@media (max-width:480px){
    .tem22-video .items{width: 100%;}
    .tem23-video .item{width: 100%;max-width: 100%;}
    .tem22-video .text{padding: 0 0 5%;}
    .tem22-video .right .play{bottom:5%;}
    .tem23-video .item1 .box{border:none;margin-bottom: 15px;}
    .tem23-video .text{padding: 3%!important;}
    .tem23-video .item2 .box{padding: 0;}
    .tem23-video .item2 .box.reverse{flex-wrap: wrap;}
}