.tem09-video-list-ms{ padding: 0; }
.tem09-video-list-ms *{transition: all .5s;}
.tem09-video-list-ms .col-lg-2:nth-of-type(6n+1),
.tem09-video-list-ms .col-lg-3:nth-of-type(4n+1),
.tem09-video-list-ms .col-lg-4:nth-of-type(3n+1),
.tem09-video-list-ms .col-lg-6:nth-of-type(2n+1){clear:both;}
.tem09-video-list-ms .offer-left{ padding: 0 10px; }
.tem09-video-list-ms .offer-left .image{ width: 100%; cursor: pointer; position: relative; overflow-x: hidden; margin-bottom: 20px;}
.tem09-video-list-ms .offer-left .image:hover .play_video{ opacity: 1;}
.tem09-video-list-ms .offer-left .image .play_video{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: rgba(0,0,0,.5);z-index:3;}
.tem09-video-list-ms .offer-left .image .play_video span{ width: 40px; height: 40px; line-height: 40px; font-size: 40px; margin: -20px 0 0 -20px; position: absolute; top: 50%; left: 50%; text-align: center;z-index:2;}
.tem09-video-list-ms .offer-left .image .play_video span:hover{ text-shadow: 0 0 10px rgb(255,255,255);}
.tem09-video-list-ms .offer-left .image img{ width: 100%;}
.tem09-video-list-ms .offer-left .text{ width: 100%; text-align: center; color: #666;display:block;}
.tem09-video-list-ms .offer-left .text .title{ font-size: 18px; height: 40px ;line-height: 40px!important;text-overflow: ellipsis;white-space: nowrap;overflow:hidden; margin-top: 0px;color:inherit;margin-bottom: 10px;}
.tem09-video-list-ms .offer-left .text .subtitle{ font-size: 12px;color: inherit;opacity: .6;max-height: 44px;line-height: 22px;overflow:hidden;display:block;}
.tem09-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;}
.tem09-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;}
.tem09-video-list-ms .video_show span:hover{ opacity: .8; text-shadow: 0 0 5px rgb(255,255,255);}
.tem09-video-list-ms .video_show iframe,
.tem09-video-list-ms .video_show .video_box{ 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){
.tem09-video-list-ms .video_show iframe{width:100%!important;height:60%!important;}
}
.tem09-video-list-ms .video_show .video_box video{width: 30%;height: 100%;}
.tem09-video-list-ms .video_show .video_box{
    background: black;
    display: flex;
    justify-content: center;
    width: 60%;
    height: 60%;
}