body{background:#f5f5f5}
	#nav{background:#fff;border-bottom:solid 1px #e4e4e4}

/* 内容 */
#blogwrap{margin-top:81px;padding:40px 0 80px;}
	#crumbs{position:relative;margin:-15px 0 20px;padding-left:5px;font-size:14px;color:#141414;}
		#crumbs a{color:#8c8c8c}
		#crumbs a:hover{color:#1d95ea}
		#crumbs span{color:#c7c7c7;margin:0 12px}

	.newslist{margin-bottom:40px;padding:30px;background:#fff;-webkit-box-shadow:0 0 40px rgba(0,0,0,0.1);-moz-box-shadow:0 0 40px rgba(0,0,0,0.1);box-shadow:0 0 40px rgba(0,0,0,0.1)}
		.news .noimg{text-align:center;}
		
		.news-body{padding:0}
		.news-body.top{vertical-align:top}
			.news-link:after{content:url("../images/eye-icon.png");position:absolute;left:50%;top:50%;margin-top:-30px;margin-left:-45px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
			.news-link:hover:after{opacity:1;-ms-opacity:1;-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;}
				.news-link:hover img{opacity:.8;-ms-opacity:.8;-moz-opacity:.8;-webkit-opacity:.8;-o-opacity:.8;}

			.news-body div{padding:0 30px 0 60px}
				.news-body h1{margin:10px 0 25px;}
					.news-body h1 a{font-size:30px;line-height:1.2;font-weight:300;color:#141414}
					.news-body a:hover{color:#1d95ea}
				
				.news-body p{font-size:14px;font-weight:300;color:#333;line-height:1.8em;margin-bottom:0}
				.news-body .news-info{margin-bottom:35px;}
				.news-body .news-info,.news-info a{font-size:14px;color:#a8a8a8;}
					.news-info a:hover{color:#000;text-decoration:underline}

				.news-body .tag {margin-top: 25px;font-size: 12px;}
				.news-body .tag a{color: #fff;font-size: 12px;display: block;float: left;background: #bbb;margin: 5px 5px 0 0;padding: 0px 5px;border-radius: 4px;margin-top: 2px;}
				.news-body .tag a:before{content: "#";}
				.news-body .tag a:hover{background: #1d95ea;}
				
  	
  	#pager{text-align:center}
  		#pager a{position:relative;font-size:12px;font-weight:bolder;color:#999;padding:0 25px}
  			#pager .top_0{top:-2px;}
  			#pager .top_1{top:-1px;}
  			#pager a .l{position:absolute;left:5px}
	  		#pager a .r{position:absolute;right:5px}
  		#pager a:hover{color:#000}
	  		#pager a:hover .l{left:0}
	  		#pager a:hover .r{right:0}
  		#pager span{font-weight:800;font-size:16px;padding:0 50px}
  		
@media (max-width:767px){
	#blogwrap{margin-top:68px}
	
	.newslist{padding:20px}	
			
	#pager span{padding:0 30px}	
}

@media (max-width:992px){
	.news{margin:0;}
		.img-responsive{margin-bottom:30px}
	
	.news-body div{padding:0}
		.news-body h1{margin:0 0 15px;}
		.news-body .news-info{margin-bottom:30px;}
}

@media (min-width:992px) and (max-width:1199px){
	.news-body div{padding:0 20px 0 50px}
}

@media (min-width:992px){
	.news{display:table;height:100%;width:100%;margin:0;table-layout:fixed}
		.news-body{display:table-cell;float:none;vertical-align:middle}
}