/* ÀÁÈËͼ¿â ËѼ¯ÕûÀí www.lanrentuku.com */
/*body { background:black; color:white; font-family: 'georgia' } /* not important */
.spotlightWrapper ul { 
list-style-type: none; /* remove the default style for list items (the circles) */ 
margin:0; /* remove default margin */
padding:50px 0 50px 0; /* remove default padding */
clear:both;
margin-left:20px;
}
.spotlightWrapper ul li { 
float:left; /* important: left float */
position:relative; /* so we can use top and left positioning */
}
.spotlightWrapper ul li a img { 
/*width:310px;
height:173px;
overflow:hidden;
position:relative; 
border:none;*/

max-width:310px;
height:inherit;
width:expression(document.body.clientWidth>310?"310px" "auto");/*­Y¹Ï¤ù¤j©ó550px´N½Õ¾ã*/
overflow:hidden;      /*¶W¹L¤£Åã¥Ü*/
}
.spotlightWrapper ul li a img.active {
border:none; /* choose whatever you like */
z-index:1; /* show it on top of the other images (they have z-index 0) */
left: 0px; /* same as border width but negative */
top: 0px; /* same as border width but negative */
}
.clear { clear:both; } /* to clear the float after the last item */