.more_content{
	/*margin: 0 20px 0 20px;*/
	padding:0;
	-width:1010px;
	}

.image{
	position:relative;
	overflow:hidden;
}
.max322{
	width:322px;
	float:left;
	margin:5px;
}
.img-show{
	width:322px;
	height:182px;
}
.roll-container .img-show{transition:all 0.25s ease-out;-webkit-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;}
.roll-container:hover .img-show{transform:scale(1.05);-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);}

.work-link{
	background:#f90;
	background:rgba(255,153,0,0.85);
	width:234px;
	opacity:0;
	filter:alpha(opacity=0);
	position: absolute;
	top: 0;
	height:152px;
	padding:30px 44px 0 44px;
	cursor:pointer;
	transition:all 0.25s ease-out;-webkit-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
}
.roll-container:hover .work-link{opacity: 1;filter:alpha(opacity=100);}

.work-big-name{
	font-size:24px;
	font-weight:normal;
	line-height:26px;
	color:#fff;
	float:left;
	display: block;
	margin-bottom:10px;
}
.work-summary{
	font-size:12px;
	color:#fff;
	line-height:18px;
	font-weight:normal;
	float:left;
	display: block;
	}


	
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.nav-share-way li:first-child{
	margin:50px 0 0 34px;
	}
	
.roll-surface-big,.roll-surface{
	overflow:hidden;
	}

@media (min-width: 840px) {
	@media (max-width: 1200px) {
			.more {
				margin: 0 20px 0 20px;
				}
		}
	.more {
		margin-top: 30px;
		max-width: 1200px;
		display: block;
	}	
	
	.image{
		width: 100%;
	}
	.max860{
		width:33.33333333333%;
		float:left;
	}
	.max640,.max480{
		display:none;
		}
}
@media (min-width: 640px) and (max-width: 840px) {
	.more {
		margin: 0 20px 0 20px;
		margin-top: 30px;
		max-width: 800px;
		display: block;
	}
	.image{
		width: 100%;
		}
	.max640{
		width:50%;
		float:left;
		}
	.max860,.max480{
		display:none;
		}
}
@media (min-width: 480px) and (max-width: 640px) {
	.more {
		margin-top: 30px;
		max-width: 600px;
		display: block;
	}
	.more_content{
		width:996px;
		margin:0 auto;
		}
	.image{
		width: 100%;
		max-width:440px;
		margin-bottom: 10px;
		margin-right: 1.875%;
		margin-left: 0.4%;
	}
	.max480{
		width:100%;
		}
	.max860,.max640{
		display:none;
		}
}
@media (min-width: 320px) and  (max-width: 480px){
	.more {
		margin: 0 20px 0 20px;
		margin-top: 30px;
		max-width: 440px;
		display: block;
	}
	.image{
		width: 100%;
		max-width: 440px;
		margin-bottom: 15px;
		margin-right: 0.4%;
		margin-left: 0.4%;
	}
	.max480{
		width:100%;
		}
	.max860,.max640{
		display:none;
		}
}