.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:50px;width:28px;background-repeat:no-repeat}
.slider-arrow--right{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--left{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:hover .slider-arrow--right,.slider:hover .slider-arrow--left{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:0;background-image:url(../images/right.png);}
.slider-arrow--left{bottom:50%;left:0;background-image:url(../images/left.png);}
.slider-nav{position:absolute;bottom:0; background:#666; width:100%; text-align:center; line-height:35px;}
.slider-nav__item{width:10px;height:10px;display:inline-block;margin:0 6px;background:#ccc;border-radius:50%;-webkit-border-radius:50%;}
.slider-nav__item:hover,.slider-nav__item--current{background:#fff;}
.slider-arrows{
	width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -500px;
	}