#slides-space {
	height: 480px;
}
#slides-wrapper .slides {
	visibility: hidden;
}

#slides-wrapper .pager-wrapper {
	position: relative;
	z-index: 3000;
}
	#slides-wrapper .pager-wrapper {
		position: relative;
		z-index: 200;
	}
		#slides-wrapper .pager-wrapper .pager {
			position: absolute; top: 530px; left: 0;
			width: 100%;
			height: 50px;
		}
			#slides-wrapper .pager-wrapper .pager ul {
				position: relative; left: 50%;
				float: left;
				height: 50px;
				margin: 0;
				padding: 0;
			}
				#slides-wrapper .pager-wrapper .pager ul li {
					position: relative; right: 50%;
					display: block;
					float: left;
					width: 30px;
					height: 30px;
					margin: 0 3px;
					padding: 0;
				}
					#slides-wrapper .pager-wrapper .pager ul li a {
						display: block;
						float: left;
						width: 30px;
						height: 30px;
						margin: 0;
						padding: 0;
						line-height: 30px;
						text-align: center;
						text-decoration: none;
						font-size: 14px;
						font-weight: 900;
						color: #a8a8a8;
						background: transparent url('../images/pager-background.png') no-repeat 0 -80px;
					}
					#slides-wrapper .pager-wrapper .pager ul li a:hover {
						color: #8e8e8e;
						background-position: 0 -40px;
					}
					#slides-wrapper .pager-wrapper .pager ul li a:focus {
						outline: none;
					}

					#slides-wrapper .pager-wrapper .pager ul li a.activeSlide, #slides-wrapper .pager-wrapper .pager ul li a.activeSlide:hover {
						cursor: default;
						color: #646464;
						background-position: 0 0;
					}

#content {
	overflow: hidden;
}
	#content .list {
		width: 1020px;
		margin-left: -30px;
	}
		#content .list .item {
			float: left;
			width: 300px;
			margin-left: 30px;
			margin-bottom: 30px;
		}
			#content .list .item a {
				position: relative;
				display: block;
				float: left;
				padding: 10px;
				width: 280px;
				text-decoration: none;
				background: transparent url('../images/list-item-background.png') no-repeat 0 0;
			}
				#content .list .item a:hover {
/*					background-position: -300px 0; */
					background-position: 0 0;
				}
			#content .list .item a .thumb {
				float: left;
				-ms-filter: Òprogid:DXImageTransform.Microsoft.Alpha(Opacity=75)Ó;
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
				filter: alpha(opacity=75);
				-khtml-opacity: 0.75;
				-webkit-opacity: 0.75;
				-moz-opacity: 0.75;
				opacity: 0.75;
			}
				#content .list .item a:hover .thumb {
					float: left;
					-ms-filter: Òprogid:DXImageTransform.Microsoft.Alpha(Opacity=100)Ó;
					filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
					filter: alpha(opacity=100);
					-khtml-opacity: 1.0;
					-webkit-opacity: 1.0;
					-moz-opacity: 1.0;
					opacity: 1.0;
				}

			#content .list .item a span.title {
				display: block;
				float: left;
				margin: 18px 0 0 0;
				width: 280px;
				line-height: 16px;
				color: #979797;
				font-size: 12px;
				font-weight: 900;
				text-align: center;
			}
				#content .list .item a span.title span {
					font-weight: normal;
				}
			#content .list .item a:hover span.title {
				color: #646464;
			}
			#content .list .item a .sticker {
				display: block;
				position: absolute; top: 158px; left: 17px;
				width: 74px;
				height: 52px;
				background: transparent url('../images/list-sticker-background.png') no-repeat 0 0;
			}
				#content .list .item a .sticker.hover {
					background-position: 0 -52px;
				}
				#content .list .item a .sticker img {
					float: left;
				}

				#content .list .item a .sticker .popup-wraper {
					position: relative;
					float: left;
					width: 0;
					height: 0;
				}
					#content .list .item a .sticker .popup-wrapper .popup {
						display: none;
						position: absolute; bottom: 30px; left: 10px;
						width: 130px;
						height: 41px;
						padding: 2px 0 0 5px;
						font-size: 11px;
						line-height: 15px;
						font-weight: 900;
						color: #dcdcdc;
						background: transparent url('../images/list-popup-background.png') no-repeat left bottom;
					}
					#content .list .item a .sticker .popup-wrapper .popup.big {
						width: 174px;
						height: 59px;
						padding: 5px 0 0 10px;
					}
						#content .list .item a .sticker.hover .popup-wrapper .popup {
							display: block;
						}