body{  font-size: 12px;  min-width: 1000px;}

/*lol style */
.lol-wrap .wrap{ background:#000 url(/ue3/a/lol/zt/2014/zuojia/img/lol-top.jpg) center top no-repeat;}
.logo-tc{width: 220px; height: 52px; top: 0; right: 20px}
.logo-main{ color: #fff;width: 380px; padding-top: 140px; height: 60px; left: 0; top:30px;}
.au-nav{ background: #094fa3; }
.menu-list a{color: #cbe2fe; border-right: 1px solid #073f82;}
.menu-list a:hover{ background: #08438a;}
.btn-box{border: 1px solid #5280b8; background: #f5faff; color: #333; }
.btn-zan{ background: #5280b8; color: #fff;}
.btn-zan2{background: #5280b8;}
.btn-zan2:hover{ background: #f56126;text-decoration: none}
.auli.hover .btn-zan{background: #f56126 }
.auli.hover .btn-box{ border: 1px solid #f56126; background: #fef7f4}
.con01-c1{border: 1px solid #b3c1d1; background: #f4f9ff;}

.author-list .auli.hover{ background: #f7f7f7}
.btn-zan3{  color: #fff; background: #f56126}
.logo-main{width: 380px; padding-top: 140px; height: 60px; left: 0; top:30px;}

/**/
a:hover{ text-decoration: underline;}
.oz{ overflow: hidden; *zoom:1;}
h2{font:normal 26px/36px 'microsoft yahei';}
h3,h3 a{font:bold 18px/30px 'microsoft yahei' ; color: #333}
.mt30{ margin-top: 30px;}
.icon{ background: url(/ue2/a/lol/zt/2014/zuojia/img/icon.png) no-repeat;  _background: url(/ue2/a/lol/zt/2014/zuojia/img/icon-ie6.png) no-repeat; display: inline-block; *display: inline; *zoom:1;}
.icon-tj{ width: 34px; height: 37px; color: #fff; font-size: 16px; line-height: 33px; font-style: normal; text-align: center;}
.icon-zan{ width: 15px; height: 15px; background-position: 0 -40px; }
.c1-hd span, .btn-zan, .btn-box, .btn-zan2, .btn-zan3,.menu-list a{ display: inline-block; *display: inline; *zoom:1;}
.btn-box{  margin-top: 10px; cursor:pointer; ; width: 150px; padding-left: 3px; height: 28px;line-height: 28px;  }
.btn-zan{ float: right; width: 59px; text-align: center; }
.btn-zan2{ margin-top: 1px;  width: 100%; height: 20px;text-align: center; padding: 5px 0; line-height: 20px; color: #fff; font-weight: bold;}
.btn-zan2  em{ font-weight: bold; padding: 0 2px;}
.btn-zan3{ width: 60px; height: 26px ; text-align: center; line-height: 26px;}

.btn-box:hover, .btn-box:hover .btn-zan{ text-decoration: none;}
/*author index*/
.au-header, .container{ margin: 0 auto;}
.au-header{position: relative; height: 310px; width: 1000px;}
.au-header .logo{position: absolute;}
.logo-main{font:  bold 36px/66px 'microsoft yahei'; text-align: center;}
.logo-main:hover{ text-decoration: none;}
.au-nav { position: absolute; bottom: 0; left: 0; height: 50px; width: 100%}
.menu-list li{ float: left; width: 20%; text-align: center; overflow: hidden;}
.menu-list a{ font:normal 18px/50px 'microsoft yahei';  width: 100%; margin-left: -1px; }
.menu-list a:hover{text-decoration: none;}

/*common*/
.author-img{ float: left; position: relative; }
.author-img .txt{z-index: 2; position: absolute; height:92px; width: 100%; left: 0; bottom: 0; color: #fff;  }
.author-img .cover{z-index: -1; position: absolute; bottom: 0; left: 0; height: 92px; width: 100%;
 background: url(/ue2/a/lol/zt/2014/zuojia/img/cover.png) no-repeat;_background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/ue2/a/lol/zt/2014/zuojia/img/cover.png')}
.author-img .tit{position: absolute; left: 0; bottom: 8px; width: 92%; padding: 0 4%;}
.author-img:hover, .author-img:hover .tit{ text-decoration: none;}
.container{width: 960px; padding: 20px; background: #fff}
.content1 .bd{ padding:  10px 0}
.con01-c1{ float:left; width: 580px; height: 200px; overflow: hidden; line-height: 22px;}
.con01-c1 .author-img,.con01-c1 .author-img img,.con04-c1 .author-img,.con04-c1 .author-img img{width: 160px; height: 200px;}
.con01-c1 .author-des{ padding:10px 15px;}
.con01-c1 .author-des p{ color: #999; }
.other-info { padding: 10px 0 0}
.other-info li{  color: #333;}
.con01-c1 .other-info li{ float: left;width: 49.9%; }
.other-info .more{ color: #0556b8}


.con01-c2{ float: right; width: 330px;}
.c1-hd{ float: left; width: 30px; overflow: hidden;}
.c1-hd .tit{margin-bottom: 5px; background: #31b292; color: #fff ; text-align: center; font: normal 20px/30px 'microsoft yahei';  width:30px; height: 30px;}
.c1-hd .dott{border-right: 1px dashed #ccc; height: 101px; width: 15px;}

.article-list{ padding: 0 10px;}
.article-list li{ line-height: 28px;  overflow: hidden; *zoom:1; width: 100%;}
.article-list i{float: left; margin: 13px 5px 0 0; border: 1px solid #333; width: 0; height: 0; font-size: 0; overflow: hidden;}
.article-list a{font-size: 14px; color: #333}


/*content2*/
.content2 .hd{ border-bottom: 2px solid #dedede; height: 40px; position: relative; }
.content2 h2{ border-bottom: 2px solid #5280b8; height: 40px; position: absolute; left: 0; top: 0}
.more a{ color: #999; font: normal 16px/40px 'microsoft yahei'; padding: 0 10px;}
.content2 .bd{ padding: 18px 0 10px; *height: 618px; }
.author-list .author-img,.author-list img{width: 120px; height: 140px;}
.author-list {  margin-left: -45px;  *height: 618px;}
.author-list .auli{width: 290px; float: left; margin-left: 45px; _margin-left:28px; margin-bottom: 20px; padding-bottom: 10px;}
.con02-c1 .author-des{ padding:0 0 0 10px ;}
.con02-c1 .author-des p{ color: #666; line-height: 23px;}
.con02-c1{ border-bottom: 1px dotted #cccccc; padding-bottom: 10px; width: 290px;}
.con02-c2{padding-top: 8px;}
.con02-c2  .article-list li{width: 100%; line-height: 24px;}
.con02-c2  .article-list a{font-size: 12px;}
.con02-c2  .article-list i{margin-top: 10px;}


/*content3*/
.content3 .bd{ height: auto;}
.author-list2{ margin-left: -48px; *height: 583px; }
.author-list2 li{ float: left; width: 120px; margin-left: 48px;margin-bottom: 30px; _margin-left:36px;}
.author-list2 .author-img,.author-list2 img{width: 120px; height: 140px; overflow: hidden;}

/*content4*/
.bread{ height: 40px; line-height: 40px;}
.bread a{ color: #333}
.content4{ border: 1px solid #b3c1d1; background: #f4f9ff; }
.content4 .hd{ border-bottom: 1px dotted #b3c1d1; height: 36px; line-height:36px; }
.con04-c1 .author-des{ padding: 0 15px;}
.con04-c1{ width: 647px; padding:15px 10px; border-right: 1px solid #b3c1d1; float: left;}
.con04-c1 .author-info{ padding: 10px 0; color: #333; line-height: 22px; height: 95px;}
.con04-c1 .xy{ color: #999}
.con04-c1 .s1{padding-right: 15px;}
.con04-c1 .tit{font:bold 14px/24px 'microsoft yahei';}
.con04-c1 .remark-con{ color: #f56126 }

.con04-c2{ padding: 10px;}
.con04-c2 .article-list { padding: 10px 0}
.con04-c2 .article-list li{ line-height: 26px;}
.con04-c2 .article-list a{ font-size: 12px;}


/*content5*/
.content5{margin-top: 15px;}
.con05-c1{ float: left; width: 666px; border: 1px solid #dedede;  }
.con05-c2{float: right;width:280px; }
.article-list2{}
.article-list2 li{ padding: 15px ; border-bottom: 1px solid #dedede}
.article-list2 .tit{font: normal 20px/30px 'microsoft yahei'; color: #333 }
.article-list2 p{ color: #999; margin: 5px 0}
.article-list2 .summary{ color: #666; line-height: 22px;}
.article-list2 .summary a{ color: #0556b8}


.article-con{ background: #fff;border: 1px solid #dedede; }

/*page*/
.pagination { text-align:center; padding:15px 0; text-align:center; font-family:"Microsoft Yahei","Simsun",Arial;}
.pagination-in { display:inline-block; *zoom:1; *display:inline;}
.pagination ul { padding:5px 0; overflow:hidden; *zoom:1;}
.pagination li { display:inline-block; *zoom:1; *display:inline; background:#fff; color:#333; height:30px; line-height:30px; margin:0 1px; border:1px solid #bfbfbf;}
.pagination li.page { font-size:12px; vertical-align:bottom;}
.pagination li.page a { display:block; padding:0 8px; color:#191f24;}

.pagination li.first, .pagination li.prev, .pagination li.next, .pagination li.last { color:#191f24; font-size:12px;}
.pagination li.first a, .pagination li.prev a, .pagination li.next a, .pagination li.last a { color:#191f24; padding:0 8px;}
.pagination li.selected, .pagination li:hover, .pagination li.hover { background-color:#3e73b2; border-color:#3e73b2;}
.pagination li.selected a, .pagination li:hover a, .pagination li.hover a { color:#fff;}


