@keyframes fadeIm-1
{
	from	{ opacity: 1; }
	16%		{ opacity: 1; }
	25% 	{ opacity: 0; }
	91%		{ opacity: 0; }
	to		{ opacity: 1; }
}
@-webkit-keyframes fadeIm-1
{
	from	{ opacity: 1; }
	16%		{ opacity: 1; }
	25% 	{ opacity: 0; }
	91%		{ opacity: 0; }
	to		{ opacity: 1; }
}

@keyframes fadeIm-2
{
	from	{ opacity: 0; }
	16%		{ opacity: 0; }
	25%		{ opacity: 1; }
	41%		{ opacity: 1; }
	50%		{ opacity: 0; }
	to		{ opacity: 0; }
}
@-webkit-@keyframes fadeIm-2
{
	from	{ opacity: 0; }
	16%		{ opacity: 0; }
	25%		{ opacity: 1; }
	41%		{ opacity: 1; }
	50%		{ opacity: 0; }
	to		{ opacity: 0; }
}

@keyframes fadeIm-3
{
	from	{ opacity: 0; }
	41%		{ opacity: 0; }
	50%		{ opacity: 1; }
	66%		{ opacity: 1; }
	75%		{ opacity: 0; }
	to		{ opacity: 0; }
}
@-webkit-@keyframes fadeIm-3
{
	from	{ opacity: 0; }
	41%		{ opacity: 0; }
	50%		{ opacity: 1; }
	66%		{ opacity: 1; }
	75%		{ opacity: 0; }
	to		{ opacity: 0; }
}

@keyframes fadeIm-4
{
	from	{ opacity: 0; }
	66%		{ opacity: 0; }
	75%		{ opacity: 1; }
	91%		{ opacity: 1; }
	to		{ opacity: 0; }
}
@-webkit-@keyframes fadeIm-4
{
	from	{ opacity: 0; }
	66%		{ opacity: 0; }
	75%		{ opacity: 1; }
	91%		{ opacity: 1; }
	to		{ opacity: 0; }
}


.div-style
{
	position: relative; 
	/* margin-top:100px; */
	text-align: center; 
	width: 99%; 
}

.img-style
{
	width: 33.3%;
	margin-top: 8px;
	/* border: 1px outset #0000ff;	 */
	animation-duration: 15s;
	animation-iteration-count: infinite;
	box-shqdow: 0 0 5px #557;
}

.img-style.next
{
	position: absolute;
	left: 33.3%;
	opacity: 0;
}

.img-style.im-1
{ 
	animation-name: fadeIm-1;
	-webkit-animation-name: fadeIm-1;
}
.img-style.next.im-2
{ 
	animation-name: fadeIm-2;
	-webkit-animation-name: fadeIm-2;
}
.img-style.next.im-3
{
	animation-name: fadeIm-3;
	-webkit-animation-name: fadeIm-3;
}
.img-style.next.im-4
{
	animation-name: fadeIm-4;
	-webkit-animation-name: fadeIm-4;
}