div.autoslides
{
position: relative;
float: left;
width: 480px;
height: 600px;
margin-left: 5px;
margin-right: 0px;
margin-top: 2px;
margin-bottom: 50px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #f2b9f3;
}

div.autoslides figure
{
margin: 0px;
padding: 0px;
width: 480px;
height: 600px;
background-color: transparent;
position: absolute;
}

div.autoslides figure
{
opacity: 0;
}

div.autoslides img
{
background-color: #FFFFF1;
}


figure:nth-child(1)
{
animation: xfade 45s 36s infinite;
}
figure:nth-child(2)
{
animation: xfade 45s 27s infinite;
}
figure:nth-child(3)
{
animation: xfade 45s 18s infinite;
}
figure:nth-child(4)
{
animation: xfade 45s 9s infinite;
}
figure:nth-child(5)
{
animation: xfade 45s 0s infinite;
}

@keyframes xfade
{
0% {opacity: 1;}
10% {opacity: 1;}
25% {opacity: 0;}
98% {opacity:0;}
100% {opacity: 1;}
}

figure:nth-child(1)
{
-webkit-animation: xfade 45s 36s infinite;
}
figure:nth-child(2)
{
-webkit-animation: xfade 45s 27s infinite;
}
figure:nth-child(3)
{
-webkit-animation: xfade 45s 18s infinite;
}
figure:nth-child(4)
{
-webkit-animation: xfade 45s 9s infinite;
}
figure:nth-child(5)
{
-webkit-animation: xfade 45s 0s infinite;
}

@-webkit-keyframes xfade
{
0% {opacity: 1;}
10% {opacity: 1;}
25% {opacity: 0;}
98% {opacity:0;}
100% {opacity: 1;}
}