@-webkit-keyframes FadeInOut {
 0% {
   opacity:1;
 }
 6.9% {
   opacity:1;
 }
 7% {
   opacity:0;
 }
 99.9% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes FadeInOut {
 0% {
   opacity:1;
 }
 6.9% {
   opacity:1;
 }
 7% {
   opacity:0;
 }
 99.9% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes FadeInOut {
 0% {
   opacity:1;
 }
 6.9% {
   opacity:1;
 }
 7% {
   opacity:0;
 }
 99.9% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes FadeInOut {
 0% {
   opacity:1;
 }
 6.9% {
   opacity:1;
 }
 7% {
   opacity:0;
 }
 99.9% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}
#CrossFade {
  position:relative;
  height:418px;
  width:467px;
  margin:0 auto;
}
#CrossFade img {
  position:absolute;
  left:0;
}

#CrossFade img {
  -webkit-animation-name: FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 60s;

  -moz-animation-name: FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 60s;

  -o-animation-name: FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 60s;

  animation-name: FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 60s;
}
#CrossFade img:nth-of-type(1) {
  -webkit-animation-delay: 56s;
  -moz-animation-delay: 56s;
  -o-animation-delay: 56s;
  animation-delay: 56s;
}
#CrossFade img:nth-of-type(2) {
  -webkit-animation-delay: 52s;
  -moz-animation-delay: 52s;
  -o-animation-delay: 52s;
  animation-delay: 52s;
}
#CrossFade img:nth-of-type(3) {
  -webkit-animation-delay: 48s;
  -moz-animation-delay: 48s;
  -o-animation-delay: 48s;
  animation-delay: 48s;
}
#CrossFade img:nth-of-type(4) {
  -webkit-animation-delay: 44s;
  -moz-animation-delay: 44s;
  -o-animation-delay: 44s;
  animation-delay: 44s;
}
#CrossFade img:nth-of-type(5) {
  -webkit-animation-delay: 40s;
  -moz-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}
#CrossFade img:nth-of-type(6) {
  -webkit-animation-delay: 36s;
  -moz-animation-delay: 36s;
  -o-animation-delay: 36s;
  animation-delay: 36s;
}
#CrossFade img:nth-of-type(7) {
  -webkit-animation-delay: 32s;
  -moz-animation-delay: 32s;
  -o-animation-delay: 32s;
  animation-delay: 32s;
}
#CrossFade img:nth-of-type(8) {
  -webkit-animation-delay: 28s;
  -moz-animation-delay: 28s;
  -o-animation-delay: 28s;
  animation-delay: 28s;
}
#CrossFade img:nth-of-type(9) {
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  animation-delay: 24s;
}
#CrossFade img:nth-of-type(10) {
  -webkit-animation-delay: 20s;
  -moz-animation-delay: 20s;
  -o-animation-delay: 20s;
  animation-delay: 20s;
}
#CrossFade img:nth-of-type(11) {
  -webkit-animation-delay: 16s;
  -moz-animation-delay: 16s;
  -o-animation-delay: 16s;
  animation-delay: 16s;
}
#CrossFade img:nth-of-type(12) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#CrossFade img:nth-of-type(13) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}
#CrossFade img:nth-of-type(14) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#CrossFade img:nth-of-type(15) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}