/*
 * @name: article.css
 * @time: 2013/3/4
 * @author: sole
 * @directiona: 文章列表和文章详细页面css[不包括侧栏右边aside]
*/

/* public */
i { background:none;}
h3 {font-weight:bold;margin-top: 15px;margin-bottom: 2px;}
p a {color:#72ACE3}

.article-mix h2,
.article-title,
.comment-t
{ font-family:"Microsoft YaHei"; }

#content{ padding: 0.5em; font-size: 16px;}
#content h1{font-size: 20px;}
#content p {padding:5px 0; font-size:16px; line-height:30px; color:#333333; text-indent:2em; }
#content p img,#content img { display:block; margin:0 auto; max-width:90%; height:auto !important; }
#content h3,#content h2{font-size: 18px; font-weight: bold; padding: 6px; text-align: left;}
#content table p{text-indent:0;}
.selectTdClass{background-color:#edf5fa !important}
#content table{margin-bottom:10px;border-collapse:collapse;display:table;margin: 0 auto;width: 90%;}
#content td,#content th{padding: 5px 10px;border: 1px solid #DDD;}
#content video{
    display: block;
    width: 90% !important;
    margin: 0 auto;
}

#content { width:1100px; }
.article_btn { width:260px; background-color:#fff; float:left; box-sizing:border-box; border:1px solid #E5E5E5;}
.article_btn ul { padding:20px; }
.article_btn li { width:220px; height:80px; margin-top:20px; }
.article_btn li a { display:block;  background-color:#F3F3F3; text-align:center; transition:.5s all;}
.article_btn li i { display:inline-block; width:42px; margin-right:25px; background:url(/skin/img/article_btn.png) no-repeat; vertical-align:middle;}
.article_btn li span { display:inline-block; font-size:18px; line-height:80px; vertical-align:middle;}

.article_btn .zixun { margin-top:0; }
.article_btn .zixun i { height:35px; background-position:center 0; }
.article_btn .zixun a { color:#eb61a1; }
.article_btn .zixun a:hover,.article_btn .zixun.on a {background-color:#eb61a1; color:#FFF;}
.article_btn .zixun a:hover i,.article_btn .zixun.on a i { background-position:center -37px; }

.article_btn .news i { height:36px; background-position:center -74px; }
.article_btn .news a { color:#0ac7db; }
.article_btn .news a:hover,.article_btn .news.on a { background-color:#0ac7db; color:#FFF; }
.article_btn .news a:hover i,.article_btn .news.on a i { background-position:center -112px; }

.article_btn .dongtai i { height:39px; background-position:center -151px; }
.article_btn .dongtai a { color:#44cb73; }
.article_btn .dongtai a:hover,.article_btn .dongtai.on a { background-color:#44cb73; color:#FFF; }
.article_btn .dongtai a:hover i,.article_btn .dongtai.on a i { background-position:center -191px; }

.article_btn .ribao i { height:29px; background-position:center -232px; }
.article_btn .ribao a { color:#f8a831; }
.article_btn .ribao a:hover,.article_btn .ribao.on a { background-color:#f8a831; color:#FFF; }
.article_btn .ribao a:hover i,.article_btn .ribao.on a i { background-position:center -264px; }

.article-list { width:820px; padding:0 20px; background:none; background-color:#fff; float:right; border:1px solid #E5E5E5; box-sizing:border-box;}
.article-mix { padding:15px 0; border-bottom:1px solid #e6eaed; }
.article-mix .pic { width:240px; height:160px; }
.article-mix .pic img { width:240px; height:160px; }
.article-mix h2 { padding-top:10px; font-size:18px; font-weight:100;}
.article-mix h2 a { color:#333; }
.article-mix .intro { padding:10px 0 20px; font-size:14px; color:#666; }
.article-mix .intro a { color:#000; }
.article-mix .base-info,.article-img .base-info,.article-text .base-info { font-size:14px; color:#a8a7a7; }
.article-mix .base-info .pinlun,.article-mix .base-info .time,.article-mix .base-info .browse
,.article-img .base-info .pinlun,.article-img .base-info .time,.article-img .base-info .browse
,.article-text .base-info .pinlun,.article-text .base-info .time,.article-text .base-info .browse
{ display:inline-block; margin-right:20px; vertical-align:middle;}
.article-mix .base-info .pinlun,.article-img .base-info .pinlun,.article-text .base-info .pinlun
{ width:230px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#pages { width:780px; border:0 none;}

.article-img,.article-text {padding:15px 0; border-bottom:1px solid #e6eaed; }
.article-img h2,.article-text h2{ padding-top:10px; font-size:18px; font-weight:100;}
.article-img h2 a,.article-text h2 a { color:#333; }
.article-img .imgs { padding:20px 0; }
.article-img .imgs img { padding-left:29px; width:240px; height:160px; float: left;}
.article-img .imgs img:first-child { padding-left:0; }

.article-text div { padding:5px 0; font-size:14px; color:#666; line-height:2; }
.article-text div a { color:#000; }

.letter{ float: left; display: inline; width: 610px; height: 125px;margin: 20px 0 0 15px}
.letter .title { width: 180px; height: 35px; text-align:center;line-height:32px;font-size:16px;overflow:hidden}
.letter .content{display:inline;width:600px;height:90px;margin-top:30px;overflow:hidden}
.letter li{ float: left; display: inline; width: 26px; height: 24px; margin: 15px 0 0 12px; text-align: center; line-height: 24px; border: 1px solid #E7ECF0;  font-size:14px; font-family: "微软雅黑"}
.letter li a{float:left;width:26px;height:24px}
.letter .first { width: 61px}
.letter .first a { width: 61px}
.letter .on a:link,.letter .on a:visited { color: #DD4078; font-weight: bold}
.tagslist {float:left;width:625px;margin:15px}
.tagslist h1,.tagslist h2,.tagslist h3,.tagslist h4,.tagslist h5,.tagslist h6{float:left;font-size:14px;font-family:"微软雅黑";width:208px;text-indent:8px}
.tagslist li { float: left; width: 208px; height: 30px; line-height: 30px; font-size: 11px;text-indent:8px; overflow: hidden;color:#999}
.tagslist li a {font-size: 14px}

.show_content { padding-bottom:25px; }
/*文章评论*/
.paper_review ,.show_article-list{ padding-top:25px; font-family:Microsoft Yahei; }
.paper_review i,.show_article-list i { background:none; }
.paper_review p {text-align:left;font-size: 13px;color: #666;}
.paper_review h3,.show_article-list h3 { color:#222; padding:10px 0; font-size:20px; line-height:2; }
.paper_review h3 i,.show_article-list h3 i { display:block; width:4px; height:31px; margin:5px 10px 0 0; float:left; background-color:#05b2fa;}
.paper_review h3 span { color:#8C8C8C; font-size:16px; margin-top:8px; }

/*.paper_review .user_img { display:block; width:50px; height:50px; margin-right:30px; border-radius:50%; float:left; }*/

.paper_review .user_review_box { display:block; padding:15px 0;}
.user_review_box .user_text { position:relative; display:block; }
.user_review_box .user_text .text { display:block; padding:5px 10px; font-size:14px; line-height:1.5; width:100%; height:31px; box-sizing:border-box; resize:none;}
.user_review_box .user_text .sub { position:absolute; top:0; right:0; background-color:#05b2fa; height:31px; font-size:18px; line-height:31px; color:#FFF; border:0 none; padding:0 10px; }
.reply_content {width: 99%; height: 99px; border: 1px solid #e6e5e5; resize: none; outline: none; text-indent: 1em;  line-height: 38px;  display: block;  border-radius: 6px;  margin-top: 15px; }
.reply_btn { display: block;width: 90px; height: 30px; background: #05b2fa; color: #fff;font-size: 14px; border-radius: 4px; text-align: center; line-height: 30px; margin: 16px 900px 0; }
.reply_show {  margin-left: 60px;  font-size: 12px;  margin-top: 15px;  }
.re_time {  margin-right: 10px;  float: right; }
.re_dt {  margin-top: 10px; }
.re_dd {  margin-top: 10px;  font-size: 15px; }
/*.re_dl {  border-top: 1px solid #f1f1f1; }*/


.paper_review li { display:block; padding:20px 0; border-top:1px solid #f1f1f1;}
.paper_review li:first-child { padding-top:0; border-top:0 none; }
.paper_review li .name {}
.paper_review li .text { padding:5px 0; font-size: 15px; line-height: 24px; color: #333;}
.paper_review li .btns {}
.paper_review li .btns span { display:inline-block; padding:0 10px; cursor:pointer;}

.show_article-list{
    width: 778px;
}