.contener_slideshow
{
  width:510px;
  height:250px;
  overflow: hidden;
  position: relative;
  background-image: url(YOUR-URL-IMAGE.png);
}
.slid_1, .slid_2, .slid_3, .slid_4
{
  position: absolute;
  width:510px;
  height:250px;
}
.slid_1{left: 0;}
.slid_2{left: 510px;}
.slid_3{left: 1020px;}
.slid_4{left: 1530px;}
.contener_slide
{
  width: 1530px;
  height: 250px;
  left:0px;
  position: absolute;
  -webkit-animation-duration: 20s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-name: anim_slide;
  -moz-animation-duration: 20s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-name: anim_slide;
  -ms-animation-duration: 20s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-name: anim_slide;
  animation-duration: 20s;
  animation-iteration-count:infinite;
  animation-name: anim_slide;
}
@-webkit-keyframes anim_slide 
{
  0% {left:0px;}
  11% {left:0px;}
  26% {left:-510px;}
  37% {left:-510px;}
  52% {left:-1020px;}
  63% {left:-1020px;}
  78% {left:-1530px;}
  89% {left:-1530px;}
}
<!--{
<!--  0% {left:0px;}
<!--  22% {left:0px;}
<!--  33% {left:-610px;}
<!--  45% {left:-610px;}
<!--  66% {left:-1220px;}
<!--  90% {left:-1220px;}
 
<!--}
@-moz-keyframes anim_slide 
{
  0% {left:0px;}
  11% {left:0px;}
  26% {left:-510px;}
  37% {left:-510px;}
  52% {left:-1020px;}
  63% {left:-1020px;}
  78% {left:-1530px;}
  89% {left:-1530px;}
}
@-ms-keyframes anim_slide 
{
  0% {left:0px;}
  11% {left:0px;}
  26% {left:-510px;}
  37% {left:-510px;}
  52% {left:-1020px;}
  63% {left:-1020px;}
  78% {left:-1530px;}
  89% {left:-1530px;}
}
@keyframes anim_slide 
{
  0% {left:0px;}
  11% {left:0px;}
  26% {left:-510px;}
  37% {left:-510px;}
  52% {left:-1020px;}
  63% {left:-1020px;}
  78% {left:-1530px;}
  89% {left:-1530px;}
}