.tem10-video-list-ms{ padding: 0; }
.tem10-video-list-ms .item .text{display: block;width: 100%;}
.tem10-video-list-ms iframe,
.tem10-video-list-ms video{width: 100%;position: absolute;left: 0;bottom:0;height: 100%;}
.tem10-video-list-ms .item .image .icon{z-index: 3;}.tem10-video-list-ms .item .box,
.tem10-video-list-ms .item .image .icon,
.tem10-video-list-ms .video_show:before {transition:all 1s cubic-bezier(.165,.84,.44,1)}
.tem10-video-list-ms .item {padding:7px}
.tem10-video-list-ms .item .box {background-color:#FFF;height:100%}
.tem10-video-list-ms .item .box:hover {transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,.1)}
.tem10-video-list-ms .item .image {cursor:pointer;position:relative}
.tem10-video-list-ms .item .image .icon {padding:3px 10px;line-height:1;font-size:16px;border:2px solid #fff;background-color:rgba(0,0,0,.6);position:absolute;bottom:10px;left:20px;color:#FFF;border-radius:50px}
.tem10-video-list-ms .item .image:hover .icon {border-color:inherit;background-color:inherit;color:#666;}
.tem10-video-list-ms .item .text {padding:25px 20px;color:inherit}
.tem10-video-list-ms .item .text .title {line-height:1;padding-bottom:6px}
.tem10-video-list-ms .item .text .description {font-size:12px;opacity:.5}
.tem10-video-list-ms .item img {width:100%}
.tem10-video-list-ms .video_show {width:100vw;height:100vh;position:fixed;top:0;left:0;display:none;z-index:-1;opacity:0}
.tem10-video-list-ms .video_show:before {content:"";width:100%;height:100%;position:absolute;top:0;left:0;display:block;z-index:2}
.tem10-video-list-ms .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}
.tem10-video-list-ms .video_show .box video {display:block;max-height:80vh;max-width:90vw;width:auto}
.tem10-video-list-ms .video_show .box .title {padding:10px 20px;font-size:18px}
.tem10-video-list-ms .video_show .box .title span {display:block}
.tem10-video-list-ms .video_show .box .left {float:left}
.tem10-video-list-ms .video_show .box .left span {padding:8px 0}
.tem10-video-list-ms .video_show .box .right {float:right}
.tem10-video-list-ms .video_show .box .right span {padding:12px 0}
.tem10-video-list-ms .video_show .video_close {cursor:pointer}
.tem10-video-list-ms .video_show.show {display:block;z-index:99;opacity:1}
.tem10-video-list-ms .video_show.show:before {background-color:rgba(0,0,0,.2)}
.tem10-video-list-ms{ padding: 0; }
.tem10-video-list-ms *{transition: all .5s;}
.tem10-video-list-ms .video_show{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 1000;}
.tem10-video-list-ms .video_show span{ width: 40px; height: 40px; line-height: 40px; font-size: 40px; cursor: pointer; position: absolute; top: 20px; right: 20px; text-align: center; opacity: .5;color:#fff;}
.tem10-video-list-ms .video_show span:hover{ opacity: .8; text-shadow: 0 0 5px rgb(255,255,255);}
.tem10-video-list-ms .video_show video{ max-width: 90%; max-width: 90%; position: fixed; top: 50%; left: 50%; box-shadow: 0 0 50px #000; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

@media(max-width:768px) {
    .tem10-video-list-ms {padding:15px 0!important}
    .tem10-video-list-ms .item {padding:5px}
    .tem10-video-list-ms .item .text {padding:10px}
    .tem10-video-list-ms .item .text .title {padding-bottom:0}
}
@media(max-width:640px) {
    .tem10-video-list-ms .video_show .box .left span {padding:4px 0}
    .tem10-video-list-ms .video_show .box .right span {padding:8px 0}
}
@media(max-width:480px) {
    .tem10-video-list-ms .item {width:100%;padding:5px 0!important}
}