@charset "utf-8";
.thumbnailWrapper {
	width:1122px;
	margin:0px auto;
} /* not important */
.thumbnailWrapper ul {
	list-style-type: none; /* remove the default style for list items (the circles) */
	margin:0px; /* remove default margin */
	padding:0px; /* remove default padding */
	width:1122px;
	height:330px;
	overflow:hidden;
}
.thumbnailWrapper ul li {
	float:left; /* important: left float */
	position:relative; /* so we can use top and left positioning */
	overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
}
.thumbnailWrapper .normalImg{
	width:314px;
	height:162px;
}
.thumbnailWrapper .bigImg{
	width:472px;
	height:226px;
}
.thumbnailWrapper .smallImg{
	width:150px;
	height:100px;
	margin-top: 4px;
}
.thumbnailWrapper .mt-50{
	margin-top:-55px;
	margin-right: 11px;
}
.thumbnailWrapper .mlt{
	margin-right: 11px;
}
.thumbnailWrapper ul li.normalImg img {
	width:314px; /* not important, the pics we use here are too big */
	position:relative; /* so we can use top and left positioning */
	border:none; /* remove the default blue border */
}
.thumbnailWrapper ul li.smallImg img {
	width:150px; /* not important, the pics we use here are too big */
	position:relative; /* so we can use top and left positioning */
	border:none; /* remove the default blue border */
}
.thumbnailWrapper ul li.bigImg img {
	width:472px; /* not important, the pics we use here are too big */
	position:relative; /* so we can use top and left positioning */
	border:none; /* remove the default blue border */
}

.caption {
	position:absolute; /* needed for positioning */
	bottom:0px; /* bottom of the list item (container) */
	left:0px; /* start from left of the list item (container) */
	width:100%; /* stretch to the whole width of container */
	display:none; /* hide by default */
	/* styling bellow */
	background:#003399;
	color:white;
	opacity:0.8;
}
.caption .captionInside {
	/* just styling */
	text-align:center;
    font-family:"微软雅黑";
	font-size: 13px;
	color:white;
	padding:10px;
	margin:0px;
}
.clear {
	clear:both;
} /* to clear the float after the last item */
a {
	color:#FFCC00;
}
