/* ÀÁÈËͼ¿â ËѼ¯ÕûÀí www.lanrentuku.com */

a{color:#FFF;}
.actGotop{position:fixed; _position:absolute; bottom:100px; right:50px; width:150px; height:195px; display:none;}
.actGotop a,.actGotop a:link{width:150px;height:195px;display:inline-block; background:url(../image/gotop.png) no-repeat; _background:url(../image/gotop.gif) no-repeat; outline:none;}
.actGotop a:hover{width:150px; height:195px; background:url(../image/gotopd.gif) no-repeat; outline:none;}

.spotlightWrapper ul { 
list-style-type: none; /* remove the default style for list items (the circles) */ 
margin:0px; /* remove default margin */
padding:0px; /* remove default padding */
}
.spotlightWrapper ul li { 
float:left; /* important: left float */
position:relative; /* so we can use top and left positioning */
}
.spotlightWrapper ul li a img { 
width:200px; /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */
position:relative; /* so we can use top and left positioning */
border:none; /* remove the default blue border */
height:100px;
}
.spotlightWrapper ul li a img.active {
border:4px solid #EEE; /* choose whatever you like */
z-index:1; /* show it on top of the other images (they have z-index 0) */
left: -4px; /* same as border width but negative */
top: -4px; /* same as border width but negative */
}
.clear { clear:both; } /* to clear the float after the last item */