.hslide {position: relative;width: 100%;height: 100%;overflow: hidden;}
.slides {
height: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-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 {width: 100%;height: 100%;float: left;clear: none;}
.slide  img{display:block;width: 100%;height: 100%;}
.slider-arrow {position: absolute;display: none;margin-bottom: -20px;width: 61px;height: 86px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);}
.slider-arrow--right {bottom: 50%; right: 0; width:58px;}
.slider-arrow--left {bottom: 50%; left: 0;}
.slider-nav {position: absolute;bottom: 15px;z-index:9;text-align:center;right: 10px !important;left: auto !important;margin: 0 !important;}
.slider-nav__item {width:10px; height:10px; cursor:pointer; display:inline-block; margin:0 5px;background: #fff;}
.slider-nav__item:hover {}
.slider-nav__item--current {background:#ffb226;}