.video-box{ padding-top: 37%; position: relative; margin-right: -7px; margin-left: -7px;}
.video-one{position: absolute;left: 60%;top: 0;width: 20%;height: 31.4%;padding:0 7px;}
.video-one div{ position: relative; height: 100%; transition: 0.3s all;}
.video-tow{right: 0%;left: auto;}
.video-three{ width: 40%; top: 31.4%; margin-top: 15px; height: auto; bottom: 0;}
.video-four{top: 0;left: 0%;bottom: 31.4%;margin-top: 0;margin-bottom: 15px;}
.video-five{left: 0%;top: auto;bottom: 0;}
.video-six{left: 20%;top: auto;bottom: 0;}
.video-seven{/* right: 0; */left: 40%;width: 20%;}
.video-eight{/* right: 0; */left: 40%;width: 20%;top: 31.4%;margin-top: 16px;}
.video-night{top: auto;margin-top: 0;bottom: 0;/* right: 0; */left: 40%;width: 20%;}
.video-one a{ display: block; position: relative; height: 100%; overflow:hidden;}
.video-one a:hover div{ transform: scale(1.05,1.05);}
.video-one a span{}
.video-one .video{display:block;width:100%;height:100%;}
.video-one span.play{display:block;cursor:pointer;position:absolute;top:50%;left:50%;width:46px;height:46px;background:url(images/yx_big.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
@media( max-width: 767px){ .video-one{ position: relative; width: 50%; float: left; margin:0 0 10px 0!important; left: 0; top: 0;}
    .video-box{ padding:0;}
    .video-one div{ height: auto; padding-top:63.76%;}
    .video-one a span{ font-size: 14px;}}