.slider{
  display:block;
  width:550px;
  height:367px;
  position: relative;
  overflow:hidden;
  padding:0;
  margin:0 auto;
  border:0;
	/*box-sizing:border-box;*/
	/*box-shadow: 10px 5px 5px gray;*/
}
.slider img{
  display:block;
  float:left;
  width:100%;
  height:100%;
  transform:translateX(100%);
  position:absolute;
  z-index:1;
}
.slider img:nth-of-type(1){
  transform:translateX(0);
  animation:slide 20s 0s infinite;
}
.slider img:nth-of-type(2){
  animation:slide 20s 4s infinite;
}
.slider img:nth-of-type(3){
  animation:slide 20s 8s infinite;
}
.slider img:nth-of-type(4){
  animation:slide 20s 12s infinite;
}
.slider img:nth-of-type(5){
  animation:slide 20s 16s infinite;
}

@keyframes slide{
  0%{
    transform:translateX(100%);
    opacity:1;
  }
  3%{
    transform:translateX(0%);
    opacity:1;
  }
  20%{
    transform:translateX(0%);
    opacity:1;
  }
  23%{
    transform:translateX(-100%);
    opacity:0;
  }
  99.999%{
    transform:translateX(-100%);
    opacity:0;
  }
  100%{
    transform:translateX(100%);
    opacity:1;
  }

}