.slider {
background-color:black;
position: relative;
width: 700px;
margin:auto;
height: 150px;
overflow: hidden;
}
.slider__wrapper {
height:100%;
list-style: none;
overflow: hidden;
padding:0px;
margin:0px;
*zoom: 1;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
.slider__item {
width:100%;height:100%;
float: left;
clear: none;
}

.slider__item img {
width:100% !important;
height:100% !important;
}

.slider__arrows-item {
position: absolute;display: block;
margin-bottom: -20px;padding: 20px;
cursor: pointer;
}
.slider__arrows-item--right {bottom: 40%;right: 30px;opacity:0.5;}
.slider__arrows-item--right:hover {opacity:1;}
.slider__arrows-item--left {bottom: 40%;left: 30px;opacity:0.5;}
.slider__arrows-item--left:hover {opacity:1;}

.slider__nav {position: absolute;bottom: 20px;}
.slider__nav-item {width: 5px;height: 5px;float: left;clear: none;display: block;margin: 0 5px;background: #fff;}
.slider__nav-item--current {background: #ccc;}
.slider__nav-item:hover {background: #ccc;}