@charset "utf-8";
/* 河南在线2016年新版网站统一样式表 */
/* 凡是盗版者，必追究责任！ */


/*首页头部*/
.top              { line-height: 40px; height: 40px; width: 100%; margin: 0px auto; border-bottom: 1px solid #CCCCCC;}
.top .topnav      { height: 40px; width: 1000px; margin: 0px auto; font-size: 14px; line-height: 40px; color: #666666;}

.top .topnav span { font-family: "Times New Roman", Times, serif; color: #CCCCCC; margin-right: 8px;	margin-left: 8px;}

.toplogo          { height: 50px; width: 1000px; margin: 20px auto;}
.toplogo .logo    { float: left; height: 50px; width: 176px; margin: 0px auto 0px 0px;}
.toplogo .sou     { float: right; height: 45px; width: 375px; margin: 0px 0px 0px auto;	padding-top: 5px;}
.toplogo .kan     { float: left; height: 50px; width: 350px; margin: 0px auto 0px 30px;}

/*首页头条*/
.toutiao       { height: 80px; width: 1000px;margin: 0px auto;}
.toutiao .tt   { float: left; height: 80px; width: 650px; margin: 0px auto 0px 0px;}
.tt h1         { line-height: 44px; font-size: 32px;	text-align: left;}
.tt .fubt      { height: 26px; width: 650px; text-align: left; font-size: 14px; line-height: 24px;padding-top: 10px;}
.toutiao .bt   { float: left; height: 80px; width: 30px; margin: 0px auto 0px 0px;}
.toutiao .zt   { float: right; height: 80px; width: 300px;	margin: 0px 0px 0px auto;}

/*首页第一屏*/
.henan            {	height: 350px; width: 1000px;margin: 30px auto;}
.henan .henan-670 { float: left; height: 350px;	width: 670px; margin: 0px auto 0px 0px; position: relative;	z-index: 1;}

.henan .henan-300 { float: right; height: 350px; width: 300px;	margin: 0px 0px 0px auto;}
.henan-300 ul     { font-size: 15px; margin-bottom: 9px; overflow: hidden;}
.henan-300 li     { line-height: 30px;overflow: hidden;}
.henan-300 strong { color: #FF8400;}
.henan-300 strong a        { text-decoration: none;color: #FF8400;}
.henan-300 strong a:hover  { text-decoration: none; color: #FF8400;}

/*幻灯大图*/

.henan-670 h3         { margin: 0;	font-size: 22px;line-height: 50px;position: absolute;z-index: 10;left: 0px;	top: 270px;
	         text-align: center; height: 50px;width: 670px;	font-weight: normal;background: url(/static/images/blackbg.png) repeat;	overflow: hidden;background-repeat: repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/static/images/blackbg.png");}
.henan-670 h3 a       { text-decoration: none;color: #fff;}
.henan-670 h3 a:hover { text-decoration: underline; color: #fff;}

.index-splash-block { width: 670px;	height: 350px;text-align:left; position: relative;z-index: 20;overflow: hidden;}
.index-splash-block img{ height: 320px;	width: 670px;margin-top: 0px;}
.index-splash-block .feature-slide-preview { margin: 0 auto;display: none;width: 670px;	height: 330px;overflow: hidden;}
.index-splash-block .feature-slide-preview .screenshot { display: block;margin: auto;}
.index-splash-block .feature-slide-list { width: 670px;	height: 30px;overflow: hidden;	margin: 5px 0px 0 auto;	padding-left: 0px;	float: left;}
.index-splash-block .feature-slide-list a {	float: left; display: inline; width: 134px;	height: 15px;background: url(/static/images/point.png) repeat-x center;} 
.index-splash-block .feature-slide-list a.current {	background: url(/static/images/current.png) repeat-x center;}
.index-splash-block  .feature-slide-list .feature-slide-list-items { display: inline;}
.index-splash-block  .feature-slide-list a.feature-slide-list-previous {
	position: absolute;	z-index: 20;left: 0px;top: 140px;background-image: url(/static/images/previous1.png);	height: 50px;width: 30px;background-repeat: repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/static/images/previous1.png");}
.index-splash-block  .feature-slide-list a:hover.feature-slide-list-previous {
	position: absolute;	z-index: 20;left: 0px;top: 140px;background-image: url(/static/images/previous.png);	height: 50px;width: 30px;background-repeat: repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/static/images/previous.png");}
.index-splash-block  .feature-slide-list a.feature-slide-list-next { 
    background-image: url(/static/images/next1.png);position: absolute;z-index: 20;height: 50px;	width: 30px;top: 140px;	right: 0px; background-repeat: repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/static/images/next1.png");}
.index-splash-block  .feature-slide-list a:hover.feature-slide-list-next {	
	background-image: url(/static/images/next.png);	position: absolute;	z-index: 20;height: 50px;width: 30px;top: 140px;	right: 0px;background-repeat: repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/static/images/next.png"); }


/*栏目统一样式*/

.column                { height: 230px;	width: 1000px; margin: 0px auto; padding-top: 40px;border-top: 1px solid #ccc;}
.column .L670          { float: left; height: auto; width: 670px; margin: 0px auto 0px 0px;}
.L670 .tu300           { float: left; height: 200px; width: 300px;	margin: 0px auto 0px 0px; position: relative; z-index: 1;}
.L670 .tu350           { float: right;	height: 200px; width: 340px; margin: 0px 0px 0px auto;}
.tu350 span            { color: #666666; margin-right: 10px;}
.tu350 h1              { font-size: 20px;	font-weight: normal; padding-bottom: 10px;}
.tu350 p               { font-size: 14px; color: #666666; white-space: normal;	line-height: 22px;	padding-top: 20px;	border-top: 1px dotted #999999;}
.column .L300          { float: right; height: auto; width: 300px;	margin: 0px 0px 0px auto; position: relative; z-index: 1;}
.L300 cite,.tu300 cite { font-size: 14px; line-height: 20px; text-align: left;	height: 45px;	width: 280px; position: absolute;
	z-index: 20; left: 0px;	font-style: normal;	padding: 5px 10px 0px 10px;	bottom: 0px; background: url(/static/images/blackbg.png) repeat;}
.L300 cite span        { margin-right: 8px;}
.L300 cite a,.tu300 a  { text-decoration: none;color: #fff;}
.L300 cite a:hover     { text-decoration: none; color: #fff;}
.tu350 h1 a            { text-decoration: none;color: #000;}
.tu350 span a          { text-decoration: none;color: #FF8400;}
.tu350 span        { margin-right: 8px;color: #FF8400;}
.L300 span, .tu300 span{color: #fff;}


/*视频及文章内容页标题*/
.title-header     { line-height: 80px; height: 80px; width: 1000px;	margin: 0px auto;}
.title-header h1  { font-size: 30px;}

.title-time       { height: 50px; width: 1000px; margin: 0px auto; border-bottom: 1px solid #CCCCCC; line-height: 50px; }
.title-time .time-source{text-align:center; font-size: 16px; float: left; height: 50px; width: 600px; margin: 0px auto 0px 0px; color: #666666;}
.time-source span { margin-right: 25px;}
.title-time .pl-1 { float: left; height: 50px; width: 200px; margin: 0px auto 0px 0px; background: url(/static/images/pl-t.jpg) no-repeat 0px 10px;}
.pl-1 em          { font-size: 24px;	font-style: normal;	font-weight: bold;	margin-right: 5px;	color: #FF8400;	line-height: 50px;	margin-left: 43px;}
.pl-1 em a        { text-decoration: none;color: #FF8400;}
.pl-1 em a:hover  { text-decoration: none;color: #FF8400;}
.time-source a        { text-decoration: none;color: #666666;}
.time-source a:hover  { text-decoration: none;color: #FF8400;}


/*文章内容页主题框架*/
.article              { width: 1000px;height: auto; margin: 0px auto; overflow: hidden;}
.article .article-zhu { float: left; height: auto; width: 670px; margin: 0px auto 0px 0px;}
.article-zhu p        { font-size: 16px; line-height: 28px;	padding-bottom: 20px; text-indent: 30px;}
.article-zhu .zws p img    {	display: block;	margin: 0px auto;}
.article-zhu .zws img    {	display: block;	margin: 0px auto;}
.article-zhu .weixin  { height: 120px; width: 670px; margin: 0px auto;}

.article .related     { height: auto; width: 670px; margin: 30px auto 0px auto;	border-top: 2px solid #333333;	padding-top: 10px;}
.related span         { border-left: 4px solid #FF8400; font-size: 18px; font-style: normal; padding-left: 10px;}
.related ul           { font-size: 14px; line-height: 24px; padding-top: 15px;padding-bottom: 15px;}
.related li           { margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px solid #E3E1E1;height: auto;width: auto;text-align: left;}
.related em           { font-style: normal; white-space: normal; color: #777777;}
.related h2           { font-size: 20px; line-height: 40px; font-weight: normal;color: #000;}
.related img          { float: left; height: 93px; width: 140px; margin-right: 15px;}
.article-zhu .pl      { height: auto; width: 670px;	margin: 0px auto;}



.article .article-fu  { float: right;height: auto; width: 300px;margin: 0px 0px 0px auto;}
.article-fu h2        { border-left: 4px solid #FF8400; font-size: 18px; font-style: normal; padding-left: 10px; margin-top:20px; font-weight: normal;}
.article-fu .remen    {	height: auto; width: 300px;	margin: 0px auto;}
.remen ul             { padding-top: 15px; padding-bottom: 15px;}
.remen h3             { font-size: 18px;line-height: 24px; font-weight: normal; white-space: normal; padding: 15px 0px;}
.remen img            { height: 200px; width: 300px;}


/*文章内容页社交功能分享框架*/
.article .article-f  { height: 60px;width: auto;margin: 20px auto;	position: relative;	overflow: hidden;z-index: 1;}
.en         { position: absolute;z-index: 10;height: 60px;width: 40px;left: 0px;top: 0px;line-height: 60px;	overflow: hidden;}
.en a       { background: url(/static/images/main_desktop.jpg) no-repeat 0px -95px;display: block; }
.en a:hover { background: url(/static/images/main_desktop.jpg) no-repeat 0px -151px;display: block;text-decoration: none;}
.en span    { visibility: hidden; overflow: hidden;}

.share-area{ height: 60px; width: 480px;overflow: hidden;position: absolute;z-index: 10;left: 50px;	top: 0px;line-height: 60px;}
.share-area .bds{width:100px;height:40px;background:url(/static/images/bigshare.png) no-repeat!important;padding: 0!important}
.share-area .bds_tsina{background-position:0 0!important;}
.share-area .bds_tsina:hover{background-position:0 -42px!important;}
.share-area .bds_qzone{background-position:-212px 0!important;}
.share-area .bds_qzone:hover{background-position:-212px -42px!important;}
.share-area .bds_weixin{background-position:-105px 0!important;}
.share-area .bds_weixin:hover{background-position: -105px -42px!important;}
.share-area  a.bds_count{margin-top:14px;font-size: 15px!important}


/*视频内容页基本框架*/
.article-vod  { background-color: #000000; height: 480px; width: 1000px; margin: 0px auto;}
.article-bai  { height: 60px; width: 1000px; margin: 0px auto;}
.article-v    { height: 60px; width: 1000px; margin: 0px auto; position: relative;	z-index: 1;}
.article-vod p{}
.article-vod p iframe     { width: 1000px; height: 480px;margin: 0px auto;}

.article-vod-list      { height: 190px; width: 1000px; margin: 0px auto;}
.article-vod-list ul   { width: 1200px;	height: auto; padding-top: 20px;}
.article-vod-list li   { float: left; height: 145px;width: 140px; margin-right: 32px;	overflow: hidden;}
.article-vod-list img  { height: 93px;width: 140px;margin-bottom: 8px;}
.article-vod-list p    { line-height: 22px;	white-space: normal;}
.article-vod-pl        { height: auto; width: 1000px; margin: 0px auto;	}


/*栏目列表页主体框架*/
.list-zhu              { float: left; height: auto; width: 670px; border-top: 4px solid #333333;margin: 0px auto 0px 0px; padding-top: 30px;}
.list-zhu #cname         { border-left: 4px solid #FF8400; font-size: 24px; font-style: normal; padding-left: 10px; font-weight: bold;}
.list-zhu ul           { font-size: 14px; line-height: 24px; padding-top: 25px;}
.list-zhu li           { margin-bottom: 30px; padding-bottom: 30px;border-bottom: 1px solid #E3E1E1;height: auto;width: auto;text-align: left;}
.list-zhu em           { font-style: normal; white-space: normal; color: #777777;}
.list-zhu h2           { font-size: 20px; line-height: 40px; font-weight: normal;color: #000;}
.list-zhu img          { float: left; height: 93px; width: 140px; margin-right: 15px;}