#slider {
    position: relative;
    max-width: 610px;
    margin: 0 auto;
    overflow: hidden;
}
.pic img {
    position:absolute;
    width: 100%;
    top:0;
    left:100%;
-moz-animation: imgTrans 42s infinite;
-webkit-animation: imgTrans 42s infinite;
animation: imgTrans 42s linear infinite;
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 6s;
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
#photo3 img {
-moz-animation-delay: 12s;
-webkit-animation-delay: 12s;
animation-delay: 12s;
}
#photo4 img{
-moz-animation-delay: 18s;
-webkit-animation-delay: 18s;
animation-delay: 18s;
}
#photo5 img {
-moz-animation-delay: 24s;
-webkit-animation-delay: 24s;
animation-delay: 24s;
}
#photo6 img {
-moz-animation-delay: 30s;
-webkit-animation-delay: 30s;
animation-delay: 30s;
}
#photo7 img {
-moz-animation-delay: 36s;
-webkit-animation-delay: 36s;
animation-delay: 36s;
}
@-webkit-keyframes imgTrans {
 0% { left:100%; }
 5% { left:0%; }
 20% { left:0%; }
 25% { left:-100%; }
 100% { left:-100%; }
}
@-moz-keyframes imgTrans {
 0% { left:100%; }
 5% { left:0%; }
 20% { left:0%; }
 25% { left:-100%; }
 40% { left:-100%; }
 100% { left:-100%; }
}
 
@keyframes imgTrans {
 0% { left:100%; }
 3.7% { left:0%; }
 14.2% { left:0%; }
 18% { left:-100%; }
 100% { left:-100%; }
}