@charset "utf-8";

/* CSS Document */
.Article{ width:680px; overflow:hidden;}
.Article li{float:left;margin:0 22px 20px 0;width:212px;}
.Article li .img200X200{width:200px;height:200px;display:block; margin-bottom:5px;text-align: center;}
.Article .title{ font-size:16px; line-height:20px; text-align: center;}
.Article .laster{ margin:0 0 20px;}

.Tags{ padding:0 15px 20px; }
.Tags a{ margin-right:5px; }
.Tags .green{ color:#4ca206;}
.Tags .org{ color:#ea7306;}
.Tags .gtey{ color:#666;}

/*文字详细页面*/
.detail_subtitle{margin-bottom:20px;font-size:16px;line-height:23px;}
.art_detail_text{ width:680px;}
.Art_detail_banner{ width:680px; height:330px; padding:0; margin-bottom:20px;}
.art_detail_content{margin-bottom: 20px;}
.art_detail_content ul {padding-left:15px; margin-bottom: 10px;}
.art_detail_content li {font-size: 16px;line-height: 28px; list-style-type:disc;}
.art_detail_content img{max-width: 668px;padding: 3px; border:1px solid #dedede; transition-duration: 0.2s;transition-property: padding, margin;}
.art_detail_content a:hover img{max-width: 668px; padding: 6px; margin: -3px 0 -3px -3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4)}
.art_detail_content p{ margin:10px 0; line-height:28px; font-size:16px;}
.art_detail_content div{ margin-bottom:10px; line-height:28px; font-size:16px;}
.art_detail_content h2{color:#F04205; font-size:21px; margin-top:15px; margin-bottom:15px;}
.art_detail_content h3{font-weight:bold; font-size:18px; margin-top:10px;margin-bottom:10px;}
.art_detail_content a{color:#4CA206; text-decoration: underline}
.art_detail_content a:hover{text-decoration: none;}
.art_detail_tabs{ width:678px; margin-bottom:20px; height:38px; background:#f9f9f9; border:1px solid #efefef;}
.art_detail_tabs ul{ height:38px; border:1px solid #dedede; border-right:none; position:absolute; margin:-1px 0 0 -1px;}
.art_detail_tabs li{ float:left; height:38px; line-height:38px; font-size:16px; border-right:1px solid #dedede; position:relative; }
.art_detail_tabs li a{display:block; padding-right:10px; font-size: 16px;}
.art_detail_tabs li span{ display:block; padding-left:10px;}

.productList li{float:left; margin:0 6px 6px 0;}
.productList .last{margin-right: 0;}
.productList li img{padding: 4px; border: 1px solid #DEDEDE}
.productDetail{position: absolute; display: none; width: 300px; padding: 5px; border: 1px solid #999999; background: #ffffff; font-size: 12px; line-height:18px;}
.productDetail_inner{display:none;}
.art_detail_text .productDetail img{padding: 0; border: none; margin-bottom: 5px;}
.productDetail .col_red{ color:#d23925;}

.art_detail_tags{ margin-bottom:20px; font-size:16px; line-height:28px; font-weight:bold;}
.art_detail_tags h3{ background:#f1f8eb; border:1px dotted #b7e293; display:inline-block; height:26px;}
.art_detail_tags a{display:block; font-size:13px; font-weight:normal; line-height:26px; height:26px; padding:0 10px; margin-bottom: 5px;}
.art_detail_pagewrap{ margin-bottom:20px; font-size:13px;  }
.Previous{float:left;}
.Next{float: right;}
.Previous img,.Next img{float:left; width: 60px; height: 60px; padding: 2px; margin-right: 9px; border:1px solid #dedede; }
.Previous p{float:left; width: 250px;}
.Next p{float: right; width: 250px;}
.Previous p .title-p,.Next p .title-p{display: block; overflow: hidden; height: 36px; line-height: 18px; margin-bottom: 12px; color: #616161;}
.Previous p a:hover,.Next p a:hover{color: #4CA206}
.Previous p .btn-p,.Next p .btn-p{color: #000000;text-decoration: underline;}
/*详细页面右侧文章发布者信息*/
.detail_userWrap{ height:31px; padding:10px 0; margin-top:65px; background:#f5f5f5;}
.detail_user{ border-left:2px solid #4ca205; position:relative; height:31px;}
.detail_userimg{ width:80px; height:80px; padding:3px 9px 4px; background:url(../images/article/detai_User_bg.jpg) no-repeat; position:absolute; left:5px; bottom:0;}
.detail_userdetail{ width:140px; position:absolute; left:105px; top:-55px;}
.detail_userdetail p{ margin-bottom:5px;}
.detail_userdetail a{ color:#4ca205; padding-right:20px;}

/*文章列表页面*/
.Article_LBwrap{ width:680px; height:416px; margin-bottom:20px;}
.Article_LBtop{ width:680px; height:330px; position:relative; text-align: center;}
.Article_LBtop .tabban{ line-height:24px; font-size:18px; padding: 5px 10px; width:660px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.4);filter: Alpha(opacity=40); background: #000 \9;word-wrap: break-word;}
.Article_LBtop .tabban p{ position:relative;}
.Article_LBtop .tabban a{color: #ffffff;}
.Article_LBbot{ width:660px; height:67px; padding:10px 9px 9px; border:1px solid #f5f5f5; border-top:none;}
.Article_LBbot_left{ width:220px; float:left;}
.Article_LBbot_right{ float:right; width:435px; height:67px;}
.Article_LBbot_right .Property{ margin-top:0;}
.Article_LBbot_right .detail_share{margin-bottom:12px;}
.Article_LBbot_right .laster{ margin-bottom:0; border-right:none; padding-right:0;}

/*文章首页*/
.Article_banner{ width:680px; height:270px; position:relative; margin:10px 0 15px;}
.Article_banner .tab_ban{ position:absolute; height:30px; left:0; bottom:0; width:680px; background:rgba(0,0,0,0.2);filter: Alpha(opacity=20); background: #000 \9;}
.Article_banner .tab_ban p{ float:left; margin:8px 0 0 10px; color:#FFFFFF; position:relative;}
.Article_banner .tab_ban ul {float: right;height:9px; margin: 12px 15px 0 0; display: inline; position:relative;z-index: 20;}
.Article_banner .tab_ban ul li{display: inline;float: left; margin-left:10px; width: 14px;height: 9px;background: #989898;cursor: pointer;overflow: hidden;background: url(../images/master/home.png) 0 -440px no-repeat;position: relative;z-index: 10;}
.Article_banner .tab_ban ul .choose{background: url(../images/master/home.png) 0 0 no-repeat;}

.Recently{ width:680px; margin-bottom:25px; }
.Recently .title{margin-bottom: 6px;}
.Recently .title h2{ height:40px; line-height:40px; font-size:24px; font-weight:bold;}
.Recently .pagebtn{ width:196px; float:right; height:19px; margin-top:12px;}
.Recently .pagebtn span{ width:81px; float:right; margin-left:15px; height:17px; font-size:12px; font-weight:normal; text-align:center; line-height:17px;background:#f5f5f5; border:1px solid #eaeaea; cursor:pointer;}
.Recently .pagebtn span a{ display:block;}
.Recently .pagebtn .Previous_grey{width: 65px; height: 17px; background:url(../images/master/home.png) 6px -478px no-repeat; padding-left:16px; color:#333; text-decoration: none; cursor: default}
.Recently .pagebtn .Previous_green{width: 65px; height: 17px; background:url(../images/master/home.png) 6px -518px no-repeat; padding-left:16px; color:#4ca205;}
.Recently .pagebtn .Next_grey{width: 71px; height: 17px; background:url(../images/master/home.png) 60px -557px no-repeat; padding-right:10px; color:#333; text-decoration: none; cursor: default}
.Recently .pagebtn .Next_green{width: 71px; height: 17px; background:url(../images/master/home.png) 60px -597px no-repeat; padding-right:10px; color:#4ca205;}
.Recently .Recently_main{ border-bottom:1px solid #ededed; border-top:1px solid #ededed; overflow:hidden;}
.Recently .Recently_main dl{ background:#f5f5f5; border-top:1px solid #fff; padding:20px 10px;}
.Recently .Recently_main dl .share .tip_box{ background:#fff;}

.Article_list{ width:680px; padding-bottom:10px; overflow:hidden;}
.Article_list dt{ width:200px; float:left; height:200px; padding:5px; border:1px solid #ebebeb;text-align:center;}
.Article_list dd{ width:450px; float:right; border-bottom:1px dashed #ebebeb; height:34px; line-height:34px; font-size:15px; overflow: hidden;}
.Article_list dd.videoItem{width: 422px; padding-left: 28px; background: url(../images/home/home.png) no-repeat 0 -628px; }
.Article_video dd a{  padding-left:25px; background:url(../images/master/home.png) 0 -638px no-repeat;}