.box{width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}
.slider{position:relative;width:100%;height:auto;overflow:hidden; text-align:center;}
.slides{height:100%;overflow:hidden;*zoom:1;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;margin:0;padding:0;border:0;-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide{height:100%;float:left;clear:none;margin:0;padding:0;border:0;list-style-image:none;list-style-type:none}
.slider-arrow{position:absolute;display:block;margin-bottom:-30px;background-color:rgba(0,0,0,0.3);text-indent:-9999px;overflow:hidden;height:52px;width:22px;background-repeat:no-repeat; opacity:0.5;}
.slider:hover .slider-arrow--right,.slider:hover .slider-arrow--left{opacity:1;transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);}
.slider-arrow--right{bottom:50%;right:20px;background:url(../images/i.png) no-repeat -21px -560px;}
.slider-arrow--left{bottom:50%;left:20px;background:url(../images/i.png) no-repeat 0 -560px;}