ul,li{list-style: none;}
  			a{text-decoration: none;}
			.wrapper{position: relative;margin: 0px auto;width: 670px;height: 380px;}
  			.banner{width: 670px;height: 380px;overflow: hidden;}
  			.imgList{width:670px;height:393px;z-index: 10;}
  			.imgList li{display: none;}
  			.imgList .imgOn{display: inline;}
  			.bg{position: absolute;bottom: 0;width: 670px;height: 40px;z-index:20;opacity: 0.4;filter:alpha(opacity=40);background: black;}
  			.infoList{position: absolute;left: 10px;bottom: 10px;z-index: 30;}
  			.infoList li{display: none;}
  			.infoList .infoOn{display: inline;color: white;}
  			.indexList{position: absolute;right: 10px;bottom: 12px;z-index: 30;}
  			.indexList li{float: left;margin-right: 5px;padding: 4px 4px;border: 1px solid black;background: grey;cursor: pointer;border-radius: 20px}
  			.indexList .indexOn{background: red;font-weight: bold;color: white;}
  			.imgList img{width: 100%;height: 100%;}
  			#featured-area div{
				display: none;
			}
			.roundabout-in-focus div{
				display: block !important;
			}		
        .fase{
  animation:myfase 2s;
-moz-animation:myfase 2s; 
-webkit-animation:myfase 2s; 
-o-animation:myfase 2s;

}
@keyframes myfase{
  from {opacity: 0.2;}
  to {opacity: 1;}
}
@-moz-keyframes myfase{
  from {opacity: 0.2;}
  to {opacity: 1;}
}
@-webkit-keyframes myfase{
  from {opacity: 0.2;}
  to {opacity: 1;}
}
@-o-keyframes myfase{
  from {opacity: 0.2;}
  to {opacity: 1;}
}
.fase1{
  animation:myfases 0.5s;
-moz-animation:myfases 0.5s; 
-webkit-animation:myfases 0.5s; 
-o-animation:myfases 0.5s;

}
@keyframes myfases{
  0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}
@-moz-keyframes myfase{
  0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}
@-webkit-keyframes myfase{
  0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}
@-o-keyframes myfase{
 0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}