body{

  font-family: "futura", arial;

}



.fader{

    position: relative;

    /*padding-top: 34%;*/

    overflow: hidden;

	height:480px;

} 

 

.fader .slide{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    z-index: 1;

    opacity: 0;

}

 

.fader img.slide{

    height:100%;

}



.fader .prev,

.fader .next{

  position: absolute;

  height: 80px;

  line-height: 55px;

  width: 50px;

  font-size: 100px;

  text-align: center;

  color:#000;

  top: 50%;

  left: 0;

  z-index: 4;

  margin-top: -25px;

  cursor: pointer;

  opacity: .7;

  transition: all 150ms;

}



.fader .prev:hover,

.fader .next:hover{

  opacity: 1;

}



.fader .next{

  left: auto;

  right: 0;

}



.fader .pager_list{

  position: absolute;

  width: 100%;

  height: 40px;

  line-height: 40px;

  bottom: 0;

  text-align: center;

  z-index: 4; display:none

}



.fader .pager_list li,.fader .page li{

  display: inline-block;

  width: 15px;

  height: 15px;

  margin: 0 7px;

  background: #fff;

  opacity: .7;

  text-indent: -999px;

  border-radius: 999px;

  cursor: pointer;

  transition: all 150ms;

}



.fader .pager_list li:hover,

.fader .pager_list li.active{

  opacity: 1;

}