#cf ul { position: relative; height: 281px; width: 450px; margin: 0 auto; }

	#cf ul li { position: absolute; left: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }


/*#cf img{

animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 6s;
animation-direction: alternate;
}*/

@keyframes cfFadeInOut {
	0% { opacity: 1; }
	17% { opacity: 1; }
	25% { opacity: 0; }
	92% { opacity: 0; }
	100% { opacity: 1; }
}


#cf img:nth-of-type(1) { animation-delay: 6s; }
#cf img:nth-of-type(2) { animation-delay: 4s; }
#cf img:nth-of-type(3) { animation-delay: 2s; }
#cf img:nth-of-type(4) { animation-delay: 0; }