#dia{
  position:relative;
  width:250px;
  height:167px;
  /*margin:50px auto;*/
  overflow:hidden;
  box-shadow:0 0 15px 0px rgba(0,0,0,1);
}

#pic{
  -webkit-animation:slide5 20s ease-in-out infinite;
  -moz-animation:slide5 20s ease-in-out infinite;
  -ms-animation:slide5 20s ease-in-out infinite;
  -o-animation:slide5 20s ease-in-out infinite;
  animation:slide5 20s ease-in-out infinite;
  width:1750px;     /* max 10 pictures +1 */
  height:167px;
  /*background:#444;*/
}

#dia:hover #pic{
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-ms-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused;
}

#dia:hover:after{
content:"Pause";
text-shadow:-1px -2px 3px #fff,1px 2px 3px #000;
position:absolute;
right:5px;
top:5px;
opacity:.6;
color:#bbb;
}

#pic span{
  display:block;
  float:left;
  width:250px;
  height:167px;
}

#pic span.ls img{
  display:block;
  width:250px;
  height:167px;
}

#pic span.pt img{
  display:block;
  margin:0 auto;
  height:167px;
}

/* -moz-    */
@-moz-keyframes slide3{
0%   {margin-left:0px;}
20%  {margin-left:0px;}
33%  {margin-left:-250px;}
53%  {margin-left:-250px;}
66%  {margin-left:-500px;}
86%  {margin-left:-500px;} 
100%  {margin-left:-750px;}
}
@-moz-keyframes slide5{
0%   {margin-left:0px;}
12%  {margin-left:0px;}
20%  {margin-left:-250px;}
32%  {margin-left:-250px;}
40%  {margin-left:-500px;}
52%  {margin-left:-500px;} 
60%  {margin-left:-750px;}
72%  {margin-left:-750px;}  
80%  {margin-left:-1000px;} 
92%  {margin-left:-1000px;} 
100%  {margin-left:-1250px;}
}
@-moz-keyframes slide10{
0%   {margin-left:0px;}
7%   {margin-left:0px;}
10%  {margin-left:-250px;}
17%  {margin-left:-250px;}
20%  {margin-left:-500px;}
27%  {margin-left:-500px;} 
30%  {margin-left:-750px;}
37%  {margin-left:-750px;}  
40%  {margin-left:-1000px;}
47%  {margin-left:-1000px;}  
50%  {margin-left:-1250px;} 
57%  {margin-left:-1250px;} 
60%  {margin-left:-1500px;} 
67%  {margin-left:-1500px;} 
70%  {margin-left:-1750px;} 
77%  {margin-left:-1750px;} 
80%  {margin-left:-2000px;} 
87%  {margin-left:-2000px;} 
90%  {margin-left:-2250px;} 
97%  {margin-left:-2250px;} 
100%  {margin-left:-2500px;}
}

/* -webkit-    */
@-webkit-keyframes slide3{
0%   {margin-left:0px;}
20%  {margin-left:0px;}
33%  {margin-left:-250px;}
53%  {margin-left:-250px;}
66%  {margin-left:-500px;}
86%  {margin-left:-500px;} 
100%  {margin-left:-750px;}
}
@-webkit-keyframes slide5{
0%   {margin-left:0px;}
12%  {margin-left:0px;}
20%  {margin-left:-250px;}
32%  {margin-left:-250px;}
40%  {margin-left:-500px;}
52%  {margin-left:-500px;} 
60%  {margin-left:-750px;}
72%  {margin-left:-750px;}  
80%  {margin-left:-1000px;} 
92%  {margin-left:-1000px;} 
100%  {margin-left:-1250px;}
}
@-webkit-keyframes slide10{
0%   {margin-left:0px;}
7%   {margin-left:0px;}
10%  {margin-left:-250px;}
17%  {margin-left:-250px;}
20%  {margin-left:-500px;}
27%  {margin-left:-500px;} 
30%  {margin-left:-750px;}
37%  {margin-left:-750px;}  
40%  {margin-left:-1000px;}
47%  {margin-left:-1000px;}  
50%  {margin-left:-1250px;} 
57%  {margin-left:-1250px;} 
60%  {margin-left:-1500px;} 
67%  {margin-left:-1500px;} 
70%  {margin-left:-1750px;} 
77%  {margin-left:-1750px;} 
80%  {margin-left:-2000px;} 
87%  {margin-left:-2000px;} 
90%  {margin-left:-2250px;} 
97%  {margin-left:-2250px;} 
100%  {margin-left:-2500px;}
}

/* -o-    */
@-o-keyframes slide3{
0%   {margin-left:0px;}
20%  {margin-left:0px;}
33%  {margin-left:-250px;}
53%  {margin-left:-250px;}
66%  {margin-left:-500px;}
86%  {margin-left:-500px;} 
100%  {margin-left:-750px;}
}
@-o-keyframes slide5{
0%   {margin-left:0px;}
12%  {margin-left:0px;}
20%  {margin-left:-250px;}
32%  {margin-left:-250px;}
40%  {margin-left:-500px;}
52%  {margin-left:-500px;} 
60%  {margin-left:-750px;}
72%  {margin-left:-750px;}  
80%  {margin-left:-1000px;} 
92%  {margin-left:-1000px;} 
100%  {margin-left:-1250px;}
}
@-o-keyframes slide10{
0%   {margin-left:0px;}
7%   {margin-left:0px;}
10%  {margin-left:-250px;}
17%  {margin-left:-250px;}
20%  {margin-left:-500px;}
27%  {margin-left:-500px;} 
30%  {margin-left:-750px;}
37%  {margin-left:-750px;}  
40%  {margin-left:-1000px;}
47%  {margin-left:-1000px;}  
50%  {margin-left:-1250px;} 
57%  {margin-left:-1250px;} 
60%  {margin-left:-1500px;} 
67%  {margin-left:-1500px;} 
70%  {margin-left:-1750px;} 
77%  {margin-left:-1750px;} 
80%  {margin-left:-2000px;} 
87%  {margin-left:-2000px;} 
90%  {margin-left:-2250px;} 
97%  {margin-left:-2250px;} 
100%  {margin-left:-2500px;}
}

/*     */
@keyframes slide3{
0%   {margin-left:0px;}
20%  {margin-left:0px;}
33%  {margin-left:-250px;}
53%  {margin-left:-250px;}
66%  {margin-left:-500px;}
86%  {margin-left:-500px;} 
100%  {margin-left:-750px;}
}
@keyframes slide5{
0%   {margin-left:0px;}
12%  {margin-left:0px;}
20%  {margin-left:-250px;}
32%  {margin-left:-250px;}
40%  {margin-left:-500px;}
52%  {margin-left:-500px;} 
60%  {margin-left:-750px;}
72%  {margin-left:-750px;}  
80%  {margin-left:-1000px;} 
92%  {margin-left:-1000px;} 
100%  {margin-left:-1250px;}
}
@keyframes slide10{
0%   {margin-left:0px;}
7%   {margin-left:0px;}
10%  {margin-left:-250px;}
17%  {margin-left:-250px;}
20%  {margin-left:-500px;}
27%  {margin-left:-500px;} 
30%  {margin-left:-750px;}
37%  {margin-left:-750px;}  
40%  {margin-left:-1000px;}
47%  {margin-left:-1000px;}  
50%  {margin-left:-1250px;} 
57%  {margin-left:-1250px;} 
60%  {margin-left:-1500px;} 
67%  {margin-left:-1500px;} 
70%  {margin-left:-1750px;} 
77%  {margin-left:-1750px;} 
80%  {margin-left:-2000px;} 
87%  {margin-left:-2000px;} 
90%  {margin-left:-2250px;} 
97%  {margin-left:-2250px;} 
100%  {margin-left:-2500px;}
}