@import url(common1.css);
body {
	color: #666;
	background-color: #dbdbdb;
}
.caseList {
	padding-top: 70px;
}
.pn {
	display: none;
}
.recommend {
	margin: 0 auto 100px;
	width: 1024px;
	padding: 0px;
	position: relative;
}
.recommend .modContent {
	position: relative;
	min-height: 215px;
	/*overflow: hidden;*/
}
.recommend .modTitle {
	font-size: 24px;
	color: #3d3d3d;
	height: 90px;
	line-height: 90px;
}
.recommend .prev,
.recommend .next {
	display: block;
	width: 70px;
	height: 215px;
	background: url(../images/prevAndNext.png) 0 0 no-repeat;
	position: absolute;
	top: 0px;
	text-indent: -9999px;
	overflow: hidden;
	border-radius: 2px;
}
.recommend .prev:hover,
.recommend .next:hover {
	background-color: #e6e6e6;
}
.recommend .prev {
	background-position: right center;
	left: -70px;
}
.recommend .next {
	background-position: left center;
	right: -70px;
}
.recommend .imageList li .thumb img {
	width: 335px;
	height: 215px;
	border-radius: 2px;
}
.recommend .imageList li .thumb {
	display: block;
	padding-bottom: 10px;
	background: url(../images/loading.gif) center bottom no-repeat;
}
.recommend .imageList li .title:hover {
	color: #FFF;
}
.recommend .imageList li .title {
	display: block;
	background-color: #383838;
	background-color: rgba(56, 56, 56, 0.8);
	color: #b4b4b4;
	font-size: 18px;
	height: 47px;
	line-height: 47px;
	overflow: hidden;
	position: absolute;
	left: 5px;
	bottom: 14px;
	right: 5px;
}
.recommend .imageList li {
	text-align: center;
	width: 345px;
	overflow: hidden;
	position: relative;
}

.sbox {
	width: 1034px;
	margin-left: -5px;
}