.horizontal {
width: 264px;
position: relative;
 overflow: hidden;
}
.horizontal .items {
width: 1848px;
-webkit-animation: hscroll 20s infinite;
-moz-animation: hscroll 20s infinite;
-ms-animation: hscroll 20s infinite;
animation: hscroll 20s infinite;
}
.horizontal .item {
margin: 0;
 float: left;
width: 264px;
}
@-webkit-keyframes hscroll {
0%, 14% { margin-left: 0}
16.67%, 30.67% { margin-left: -264}
33.34%, 47.34% { margin-left: -528}
50.01%, 64.01% { margin-left: -792}
66.68%, 80.68% { margin-left: -1056}
83.35%, 97.35% { margin-left: -1320}
100%  { margin-left: 0 }
}
@-moz-keyframes hscroll {
0%, 14% { margin-left: 0}
16.67%, 30.67% { margin-left: -264}
33.34%, 47.34% { margin-left: -528}
50.01%, 64.01% { margin-left: -792}
66.68%, 80.68% { margin-left: -1056}
83.35%, 97.35% { margin-left: -1320}
100%  { margin-left: 0 }
}
@-ms-keyframes hscroll {
0%, 14% { margin-left: 0}
16.67%, 30.67% { margin-left: -264}
33.34%, 47.34% { margin-left: -528}
50.01%, 64.01% { margin-left: -792}
66.68%, 80.68% { margin-left: -1056}
83.35%, 97.35% { margin-left: -1320}
100%  { margin-left: 0 }
}
@keyframes hscroll {
0%, 14% { margin-left: 0}
16.67%, 30.67% { margin-left: -264}
33.34%, 47.34% { margin-left: -528}
50.01%, 64.01% { margin-left: -792}
66.68%, 80.68% { margin-left: -1056}
83.35%, 97.35% { margin-left: -1320}
100%  { margin-left: 0 }
}