.slides-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.83);z-index:999;direction:ltr}.slides-box .slides{width:70%;height:200px;margin:0 auto;position:relative;overflow:hidden}.slides-box .slide{width:100%;position:absolute}.slides-box .slide .image{display:inline-block}.slides-box .slides.group-1{height:600px;position:relative;top:50%;transform:translateY(-50%)}.slides-box .slides.group-2{height:330px}.slides-box .slides.group-3{height:200px}.slides-box .group-1 .image{width:100%}.slides-box .group-2 .image{width:50%}.slides-box .group-3 .image{width:33%}.slides-box .slide img{width:100%;height:auto}.slides-box .controls{color:#fff;clear:both;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0}.slides-box .navigation a{position:absolute;top:50%;margin-top:-.5em;display:inline-block;padding:.5em;background:#fff;background:rgba(0,0,0,.8);cursor:pointer;font-size:15px}.slides-box .navigation .prev{left:0}.slides-box .navigation .next{right:0}.slides-box .pagination{position:absolute;bottom:.5em;left:0;right:0;list-style:none;margin:0;padding:0;text-align:center;font-size:.8em}.slides-box .pagination li{display:inline-block;cursor:pointer;border-radius:2em;width:2em;height:2em;padding:.5em;background:#4c4c4c;margin:.25em;transition:transform .1s linear}.slides-box .pagination li.current{background-color:#000}.slides-box .pagination li:hover{transform:scale(1.08)}.slides-box i{left:10px;color:#fff;top:10px;font-style:normal;font-size:24px}.slides-box i.close{cursor:pointer;left:10px;top:10px;font-size:20px;border:1px solid #7b7b7b;width:55px;height:35px;line-height:30px;background-color:transparent;display:block;text-align:center;position:absolute}.slides-box i.close:hover{background:#000}