<style type="text/css">

.slide {
	position	: relative;
	overflow	: hiden;
	width		: 200px;
	height		: 200px;
	margin		: auto;
	background	: #FFF;
       }

.slide img {
	diplay		: block;
	position	: absolute;
	width		: inherit;
	height		: inherit;
	opacity		: 0;
	animation	: slideAnime 18s ease infinite;
       }

.slide img:nth-of-type(1) { animation-delay : 0s}
.slide img:nth-of-type(2) { animation-delay : 6s}
.slide img:nth-of-type(3) { animation-delay : 12s}

@keyframes slideAnime{
	0%	{ opacity : 0 }
	8%	{ opacity : 1 }
	25%	{ opacity : 1 }
	33%	{ opacity : 0 }
	100%	{ opacity : 0 }
}
</style>
