@charset "utf-8";
/* CSS Document */

<style type="text/css">

*{ margin: 0; padding: 0; border: 0;
list-style: none; }

.slider {
position: relative;
width: 1000px;
height: 442px;
overflow: hidden;
margin:0 0 0 0;
padding: 0 0 0 0;
background-color:#000;
}

.slides {
height: 100%;
overflow: hidden;
*zoom: 1;
margin:0 0 0 0;
padding: 0 0 0 0;
}
.slide {
  height: 100%;
  float: left;
  clear: none;
  list-style-type: none;
}

.slide img {
　width: 100%;
}

.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
padding: 20px;
}

.slider-arrow--right {
bottom: 50%;
right: 10px;
background: url(../img/right.png) no-repeat;
}

.slider-arrow--left {
bottom: 50%;
left: 10px;
background:url(../img/left.png) no-repeat;
}

.slider-nav {
 position: absolute;
bottom: 30px;
}

.slider-nav__item {
width: 12px;
height: 12px;
float: left;
clear: none;
display: block;
margin: 0 5px;
border: 1px solid #fff;
border-radius: 8px;
}

.slider-nav__item:hover {
background: #000;
}

.slider-nav__item--current {
background: #000;
}
</style>