/* 聚光灯样式 */
.spotlightWrapper {
	background-color: black;
}

/* not important */

.spotlightWrapper .second {

	list-style-type: none;
	/* remove the default style for list items (the circles) */

	margin: 0px;
	/* remove default margin */

	padding: 0px;
	/* remove default padding */

}

.spotlightWrapper .second .third {

	float: left;
	/* important: left float */

	position: relative;
	/* so we can use top and left positioning */

}

.spotlightWrapper .second .third a img {

	width: 100%;
	/* 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 */

}

.spotlightWrapper .second .third a img.active {
	z-index: 1;
	/* show it on top of the other images (they have z-index 0) */
}

.clear {
	clear: both;
}

/* to clear the float after the last item */