.article-display {
	position: relative;
	padding: 15px;
}
.article {
	float: left;
	width: 900px;
	padding: 0 10px;
}
.article-about {
	float: right;
	width: 245px;
}
.article-summary {
	position: relative;
	min-height: 90px;
	_height: 90px;
	padding: 5px 0px;
	z-index: 1;
}
.article-summary h1 {
	padding-right: 145px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: lighter;
	line-height: 35px;
	color: #000;
}
.article-summary h1 .cited {
	display: inline;
	color: #006aad;
	font-size: 12px;
	font-weight: lighter;
	font-family: Tahoma;
	white-space: nowrap;
}
.article-summary h1 .cited span {
	margin-right: 15px;
}
.article-summary h1 .cited a {
	text-decoration: underline;
}
.article-summary em {
	display: block;
	padding: 3px 0;
	line-height: 18px;
}
.article-op {
	position: absolute;
	right: 0;
	top: -3px;
	*top: 8px;
}
.article-op a {
	position: relative;
	float: left;
	height: 27px;
	margin-right: 5px;
	padding: 0 5px;
	line-height: 25px;
	color: #333;
	background: #f9f9f9;	
	border: 1px solid #d4d4d4;
}
.article-op a:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
.article-op .fg {
	float: left;
	width: 1px;
	height: 34px;
	margin: -2px 10px 0 5px;
	background: #d4d4d4;
}
.article-op .op-ico {
	overflow: hidden;
	display: inline-block;
	width: 19px;
	height: 18px;
	margin-right: 4px;
	background: url(../images/object-op-ico.png) no-repeat;
	vertical-align: text-top;
}
.article-op .fx {
	background-position: 0 -18px;
}
.article-op .bg {
	background-position: 0 -36px;
}
.article-op .dc {
	background-position: 0 -64px;
}
.article-op .gz-box {
	position: absolute;
	top: 35px;
	left: -55px;
	width: 180px;
	height: 175px;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	box-shadow: 0 0 2px #ccc;
}
.article-op .gz-box span {
	display: block;
	line-height: 24px;
}
.article-op .gz-box .gz-arrow {
	position: absolute;
	top: -5px;
	left: 50%;
	width: 10px;
	height: 5px;
	margin-left: -5px;
	background: url(../images/gz-arrow.gif) no-repeat;
}
.article-op .gz-box .gz-close {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 13px;
	height: 12px;
	background: url(../images/gz-close.gif) no-repeat;
}
.article-op .gz-box .gz-intro {
	margin-top: 15px;
	text-align: center;
	color: #555;
}
.article-op .gz-box .gz-pic {
	text-align: center;
}

.article-source a {
	margin-right: 5px;
}

.article-detail {
	position: relative;
	margin-bottom: 10px;
	padding: 20px 0 0;
	font-size: 14px;
}
.article-detail p {
	margin: 5px 0;
	padding: 3px 3px 10px 80px;
	font-size: 12px;
	line-height: 22px;
	border-bottom: 1px dashed #dadada;
}
.article-detail p strong {
	position: absolute;
	width: 80px;
	*margin-top: -2px;
	_margin-top: -2px;
	margin-left: -75px;
	font-size: 14px;
	color: #999999;
}
.article-detail p em {
	display: block;
	padding-top: 4px;
	color: #858585;
	line-height: 16px;
}
.article-detail p em:hover {
	color: #555;
}
.article-graph {
	position: relative;
	height: 250px;
	margin: 13px 3px;
	text-align: center;
	background: #eaeef0;
	border: 2px solid #aacf58;
	border-radius: 3px;
}
.article-graph object {
	margin: 0 auto;
}
.relate-list {
	margin-bottom: 15px;
}
.relate-list h2 {
	margin-bottom: 5px;
	padding: 2px 5px;	
	font-family: 'Microsoft YaHei',sans-serif;
	font-size: 16px;
	font-weight: 200;
	line-height: 28px;
	border-bottom: 2px solid #ccc;
}
.relate-list h2 tt {
	float: right;	
	margin-top: 4px;
}
.relate-list h2 tt a {
	display: block;
	width: 15px;
	height: 20px;
	background: url(../images/more-arrow.png) no-repeat 5px 7px;
}
.relate-list h2 tt .hide {
	background-position: -13px 7px;
}
.relate-list ul {
	padding: 3px;
}
.relate-list li {
	margin: 4px 0;
	padding: 3px 0;
	padding-left: 25px;
	line-height: 18px;
	color: #999;
}
.relate-list li a {
	margin: 0 3px;
}
.relate-list li span  {
	position: absolute;
	width: 45px;
	margin-left: -50px;
	text-align: right;
	color: #333;
}
.relate-list .disp-off {
	display: none;
}
.relate-list .pages {
	text-align: right;
}
.relate-list .pages a, .relate-list .pages span {
	margin: 0 5px;
}

.article-about .about-box .name tt {
	float: right;
	*margin-top: -26px;
	_margin-top: -26px;
	margin-right: -10px;
	font-size: 12px;
}
.article-about .about-box .name tt a {
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	margin-top: 5px;
	background: url(../images/more-arrow.png) no-repeat 3px 6px;
}
.article-about .about-box .name tt .hide {
	background-position: -15px 6px;
}

/*----width980----*/
.w-980 .article, .s-980 .article {
	width: 680px;
}
.w-980 .article-graph, .s-980 .article-graph {
	overflow: hidden;
}
.w-980 .article-graph object, .s-980 .article-graph object {
	margin-left: -10px;
}

.w-980 .article, .w-980 .article-graph, .w-980 .article-graph object {
	transition: all 0.3s cubic-bezier(1, 0.01, 0.3, 1) 0s;
	transition-delay: 0.01s;
}
/*----width1200----*/
.w-1200 .article, .w-1200 .article-graph, .w-1200 .article-graph object {
	transition: all 0.3s cubic-bezier(1, 0.01, 0.3, 1) 0s;
	transition-delay: 0.01s;
}