/* http://tympanus.net/codrops/2012/05/09/how-to-create-a-fast-hover-slideshow-with-css3/ */

.hs-wrapper-1 img{
	-webkit-animation: showMe 0.5s linear infinite 0s forwards;
	-moz-animation: showMe 0.5s linear infinite 0s forwards;
	-o-animation: showMe 0.5s linear infinite 0s forwards;
	-ms-animation: showMe 0.5s linear infinite 0s forwards;
	animation: showMe 0.5s linear infinite 0s forwards;
}
.hs-wrapper-2 img{
	-webkit-animation: showMe 1s linear infinite 0s forwards;
	-moz-animation: showMe 1s linear infinite 0s forwards;
	-o-animation: showMe 1s linear infinite 0s forwards;
	-ms-animation: showMe 1s linear infinite 0s forwards;
	animation: showMe 1s linear infinite 0s forwards;
}
.hs-wrapper-3 img{
	-webkit-animation: showMe 1.5s linear infinite 0s forwards;
	-moz-animation: showMe 1.5s linear infinite 0s forwards;
	-o-animation: showMe 1.5s linear infinite 0s forwards;
	-ms-animation: showMe 1.5s linear infinite 0s forwards;
	animation: showMe 1.5s linear infinite 0s forwards;
}
.hs-wrapper-4 img{
	-webkit-animation: showMe 2s linear infinite 0s forwards;
	-moz-animation: showMe 2s linear infinite 0s forwards;
	-o-animation: showMe 2s linear infinite 0s forwards;
	-ms-animation: showMe 2s linear infinite 0s forwards;
	animation: showMe 2s linear infinite 0s forwards;
}
.hs-wrapper-5 img{
	-webkit-animation: showMe 2.5s linear infinite 0s forwards;
	-moz-animation: showMe 2.5s linear infinite 0s forwards;
	-o-animation: showMe 2.5s linear infinite 0s forwards;
	-ms-animation: showMe 2.5s linear infinite 0s forwards;
	animation: showMe 2.5s linear infinite 0s forwards;
}
.hs-wrapper-6 img{
	-webkit-animation: showMe 3s linear infinite 0s forwards;
	-moz-animation: showMe 3s linear infinite 0s forwards;
	-o-animation: showMe 3s linear infinite 0s forwards;
	-ms-animation: showMe 3s linear infinite 0s forwards;
	animation: showMe 3s linear infinite 0s forwards;
}
.hs-wrapper-7 img{
	-webkit-animation: showMe 3.5s linear infinite 0s forwards;
	-moz-animation: showMe 3.5s linear infinite 0s forwards;
	-o-animation: showMe 3.5s linear infinite 0s forwards;
	-ms-animation: showMe 3.5s linear infinite 0s forwards;
	animation: showMe 3.5s linear infinite 0s forwards;
}
.hs-wrapper-8 img{
	-webkit-animation: showMe 4s linear infinite 0s forwards;
	-moz-animation: showMe 4s linear infinite 0s forwards;
	-o-animation: showMe 4s linear infinite 0s forwards;
	-ms-animation: showMe 4s linear infinite 0s forwards;
	animation: showMe 4s linear infinite 0s forwards;
}

.hs-wrapper img{
	top: 0px;
	left: 0px;
	position: absolute;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused;	
}
.hs-wrapper img:nth-child(1){
	z-index: 9;
}
.hs-wrapper img:nth-child(2){
    -webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	animation-delay: 0.5s;
	z-index: 8;
}
.hs-wrapper img:nth-child(3){
    -webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
	z-index: 7;
}
.hs-wrapper img:nth-child(4){
    -webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	animation-delay: 1.5s;
	z-index: 6;
}
.hs-wrapper img:nth-child(5){
    -webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	-ms-animation-delay: 2s;
	animation-delay: 2s;
	z-index: 5;
}
.hs-wrapper img:nth-child(6){
    -webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	-o-animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	animation-delay: 2.5s;
	z-index: 4;
}
.hs-wrapper img:nth-child(7){
    -webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	-ms-nimation-delay: 3s;
	animation-delay: 3s;
	z-index: 3;
}
.hs-wrapper img:nth-child(8){
    -webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-o-animation-delay: 3.5s;
	-ms-animation-delay: 3.5s;
	animation-delay: 3.5s;
	z-index: 2;
}
.hs-wrapper:hover img{
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running;
}

@-webkit-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@-moz-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@-o-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@-ms-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}


