@charset "utf-8";
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,em,font,img,q,s,small,strong,sub,sup,dd,dl,dt,li,ol,ul,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0}
input,button{padding:0}
img,table,form{border:0}
table{border-collapse:collapse;border-spacing:0}
ol li,ul li{list-style-type:none}
a{text-decoration:none;outline:none;color:#333}
a:hover{color:#D14836}

.clear{clear:both}

.clearfix:after{display:block;font-size:0}
*html .clearfix,*+html .clearfix{height:1%}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.fl{float:left}
.fr{float:right}


body {font:12px Arial,Helvetica,sans-serif;color:#333;line-height:1.7em;background:#fff;-webkit-text-size-adjust:100%;}



/* header */
.header{width:980px;height:70px;margin-left:auto;margin-right:auto;text-align:left;background:#fff;}
.header .logo{float:left;width:200px;height:50px;overflow:hidden;margin:10px 0 0 0;}
.header .logo a{background:url(/ezhanku/images/logo.png) 0 0 no-repeat;display:block;height:50px;text-indent:-9999px;}

/* navigation */
.navigation{width:980px;background:#e9e9e9; margin:auto; border-bottom:#000 3px solid;}
.navigation ul{margin-left:10px}
.navigation ul li{float:left;margin:2px 7px}
.navigation ul li a{padding:5px 13px;margin:5px 0;font-size:14px;display:block;color:#000;line-height:1}
.navigation ul li.current a,.navigation ul li a:hover{color:#fff;background:#D14836}

.icon_nav{float:right; padding-right:10px;}
.icon_nav a{float:right;display:block;width:40px;cursor:pointer;margin-top:6px;margin-left:1px;height:25px;background-image: url(http://localhost/ezhanku/images/iconnav.png);}
.icon_nav a:hover{background-color:#D14836;}
.icon_nav .isearch{background-position: center left;}
.icon_nav .ifeed{background-position:center right;}



/* wall  */
.iwall {width:980px;margin:0 auto;padding:0; height:202px;background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.iwall .inner{float:left; margin:0;padding:0;padding:20px 0;margin-left: -20px;}
.iwall .iwall_item{float:left;position:relative;width:230px;height:160px;margin:0;padding:0;margin-left:20px;overflow:hidden;}
.iwall .iwall_item a{float:left;display:block;position:relative;overflow:hidden;margin:0;padding:0}
.iwall .iwall_item a:hover,.iwall .iwall_item img{width:230px;height:160px;margin:0;padding:0}
.iwall .iwall_item a span{position:absolute;bottom:0;left:0;width:220px;padding:2px 5px;font-size:12px;line-height:18px;overflow:hidden;color:#FFF;text-align:left;background-color:#000;background-color:rgba(0,0,0,.5);*background-color:#000;}
.iwall .iwall_item a:hover span{padding:4px 5px;max-height:130px;margin:0;padding:0}



/* contnet */
.icontent{ width:980px; margin:auto;text-align:left;background-color:#fff;}
.icontent .imain{float:left;width:622px; padding:29px; padding-left:0px;border-right:1px solid #ddd}
.icontent .isidebar{float:right;width:300px;position:relative; padding:20px 0px;}


.search{margin: 0px 0px;}
.search .sinput {border: 1px solid #d3d3d3;border-right: none;padding: 6px 10px 6px 10px;color: #868686;font-size: 11px;float: left;margin: 0px;background: #fff; width:313px;}
.search  .sbtn{color: #ffffff;background: #D14836;line-height: 14px;font-size: 14px;margin: 0px 0px 0px 0px;padding: 7px 13px 7px 13px;cursor: pointer;display: inline-block;float: left; border:none;}
.search  .sbtn:hover{background: #333;}

.tip{font-size:14px;padding:0 0 16px 0;margin:0 0 30px 0;border-bottom:#dedede dotted 1px;}
.tip span{color:#dc5655;}


.category_title{width:620px;background-color:#eee;padding:10px;font-size:16px;font-weight:700;margin-bottom:20px;}
.category_title h1{font-weight:700;font-size:22px}
.category_title span{font-size:12px;font-weight:400;color:#333}


.hottags {height: 49px; line-height: 49px; overflow: hidden; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom:20px;}
.hottags ul {line-height: 49px; float: left }
.hottags ul li { float: left; }
.hottags ul li a { font-size: 13px; padding: 2px 6px; }
.hottags ul li a:hover { color: #fff; background: #333; text-decoration: none }



/* contnet  main*/

.imain_box .post_item{display:block; margin-bottom:40px; border-bottom:#ddd 1px solid; padding-bottom:10px;}
.post_item .post_title{position:relative;margin:0;}
.post_item .post_title h2{font-size:16px;line-height:20px;display:block;font-weight:700;padding-right:35px; padding-top:3px;}
.post_item .post_title h2 a{text-decoration:none}

.post_cat{float:left;color:#222;position:relative;margin-right:14px;font-size:14px;line-height:20px;background-color:#333}
.post_cat:hover{background-color:#c70003}
.post_cat a{color:#FFF;display:block;padding:1px 4px}
.post_cat .arrow{position:absolute;height:0;width:0;font-size:0;line-height:0;border:8px solid transparent;border-left-color:#333;right:-14px;top:3px}
.post_cat:hover .arrow{border-left-color:#c70003}

.post_num{position:absolute;width:30px;height:24px;color:#fff;top:2px;right:1px}
.post_num a{text-align:center;width:30px;height:20px;display:block;position:absolute;background:#D14836;font-size:14px;line-height:20px;color:#fff;margin:0;padding:0;z-index:2}
.post_num:hover a{background:#333}
.post_num .carrow{display:block;position:absolute;left:12px;bottom:0;height:0;width:0;font-size:0;line-height:0;border-width:4px 4px;border-style:solid;border-color:#D14836 #fff #fff #D14836;z-index:1}
.post_num:hover .carrow{border-color:#333 #fff #fff #333}

.post_meta{position:relative;margin-top:5px;font-size:12px;padding:7px 0 13px;color:#666;}
.post_meta a{color:#666;}
.post_meta a:hover{color:#D14836;}
.post_meta span{ padding:0px 7px;}

.post_content{font-size:14px;line-height:1.8em;margin:0;clear:both;word-wrap:break-word;word-break:normal}
.post_content a{color:#0052AA;text-decoration:none}
.post_content a:hover{color:#D14836;text-decoration:underline}
.post_content .post_thumb{float:left;margin-right:10px;margin-bottom:10px;}
.post_content .post_thumb img{ width:200px; height:140px;}
.post_content .post_link{font-size:13px;display:block;float:right; margin-top:20px;}



.post_nav{font-size:12px;background-color:#F4FCFF;background-color:#FFF;border:none;height:36px;line-height:36px;text-align:center;overflow:hidden; padding-bottom:10px;}
.post_nav a,.post_nav span,.post_nav font{padding:3px 8px;margin:2px;text-decoration:none}
.post_nav span,.post_nav a:hover{font-weight:400;color:#fff;background-color:#D14836}




/* contnet  sidebar*/
.wsbox{width:300px;margin-bottom:20px;}
.wsbox .hd {width:300px;height:29px;line-height:29px;}
.wsbox .hd h2 {width:89px;font-size:16px;font-family: 微软雅黑; color: #000; float:none;font-size:16px; font-weight:500;}
.wsbox .hd .borderHd { background:#ccc; height:1px; overflow:hidden;  }
.wsbox .hd .borderHdN { background:#000; height:1px; overflow:hidden; width:79px; }

.wsbox .txtlist {padding:10px 0px;}
.wsbox .txtlist li { line-height:33px;color:#000;width:100%;overflow:hidden;zoom:1; border-bottom:#CCC 1px dotted;}

.wsbox .ranklist{padding:10px 0px;}
.wsbox .ranklist li {height: 34px; line-height: 34px; overflow: hidden;border-bottom:#CCC 1px dotted; padding: 0 55px 0 23px;  *zoom: 1; }
.wsbox .ranklist li:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
.wsbox .ranklist .num { float: left; _display: inline; width: 20px; margin-left: -23px; text-align: center; font-weight: bold; font-family: Arial, "\5B8B\4F53", sans-serif; color: #888888; font-style: italic; line-height: 31px; }
.wsbox .ranklist .count { float: right; _display: inline; width: 50px; overflow: hidden; margin-right: -50px; text-align: right; color: #cc1b1b; font-size: 11px; -webkit-text-size-adjust: none; font-family: Arial, "\5B8B\4F53", sans-serif; line-height: 33px; }


.wsbox  .imglist {width:340px;margin-left: -40px; padding:10px 0;}
.wsbox  .imglist li { float: left; _display: inline; overflow: hidden;width: 130px; margin: 10px 0 5px 40px; }
.wsbox  .imglist li h3 { height: 24px; line-height: 24px; overflow: hidden; text-align: center; background: #575757; padding: 0 5px; }
.wsbox  .imglist li h3 a { display: block;color: #ffffff; font-size:12px; font-weight:300; }
.wsbox  .imglist li h3 a:hover{ color: #ffffff; text-decoration:underline; }


.wsbox .commentlist{padding:10px 0px; font-size:12px;}
.wsbox .commentlist li { padding-top:10px; height:49px; border-bottom:1px dotted #dddddd; line-height:20px; }
.wsbox .commentlist li span { float:left; width:24px; height:24px; line-height:24px; background:#e5e5e5; color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center; margin:4px 10px 0 0; display:inline; }

.wsbox .linkslist{ padding:13px 0px; line-height:33px;}
.wsbox .linkslist a{display:inline-block;margin:0 3px;background:#f3f3f3;padding:2px 5px;color:#666;line-height:16px}
.wsbox .linkslist a:hover{background:#333;color:#fff;text-decoration:none}

/* go top*/
.gotop{color:#444;width:50px;height:50px;text-align:center;position:fixed;bottom:110px;left:50%;margin-left:510px;background:#999 url("http://localhost/ezhanku/images/gotop.png") no-repeat top left}
.gotop:hover{background-color:#333}


/* footer */
.footer{margin:auto;padding:0; background-color:#fff;text-align:left;height:50px; color:#333; font-size:12px;}
.footer .inner{ width:980px;margin:0 auto; height:30px;line-height:30px; padding:7px 0px; border-top:#ddd 1px solid;}
.footer .inner .copyright{color: #333;font-family: Arial; float:right; padding:0;}
.footer .inner a{ color: #333;}
.footer .inner span{ padding:0px 9px;}
.footer .inner a:hover { text-decoration: underline; }




/* post end*/

.epost{display:block; margin-bottom:20px;}

.epost_title{position:relative;margin:0;}
.epost_title h2{font-size:16px;line-height:20px;display:block;font-weight:700;padding-right:35px; padding-top:3px;}
.epost_title h2 a{text-decoration:none}

.epost_num{position:absolute;width:30px;height:24px;color:#fff;top:2px;right:1px}
.epost_num a{text-align:center;width:30px;height:20px;display:block;position:absolute;background:#D14836;font-size:14px;line-height:20px;color:#fff;margin:0;padding:0;z-index:2}
.epost_num:hover a{background:#333}
.epost_num .carrow{display:block;position:absolute;left:12px;bottom:0;height:0;width:0;font-size:0;line-height:0;border-width:4px 4px;border-style:solid;border-color:#D14836 #fff #fff #D14836;z-index:1}
.epost_num:hover .carrow{border-color:#333 #fff #fff #333}

.epost_meta{position:relative;margin-top:5px;font-size:12px;padding:7px 0 13px;color:#666;}
.epost_meta a{color:#666;}
.epost_meta a:hover{color:#D14836;}
.epost_meta span{ padding:0px 7px;}


.epost_cont{font-size:14px;line-height:1.8em;margin:0;clear:both;word-wrap:break-word;word-break:normal; min-height:353px;}
.epost_cont a{color:#333;text-decoration:none}
.epost_cont a:hover{color:#333;text-decoration:underline}
.epost_cont p{margin-bottom:20px;line-height:1.8em}
.epost_cont img{margin:5px 0;border:0 solid #ccc;max-width:610px}


.epost_tags{font-size:12px; margin:13px 0px;}
.epost_tags a{display:inline-block;margin:0 3px;background:#f3f3f3;padding:2px 5px;color:#666;line-height:16px}
.epost_tags a:hover{background:#333;color:#fff;text-decoration:none}


.epost_nav{ margin-bottom:20px;}
.epost_nav div{display:block;width:49%;float:left}
.epost_nav div a{display:inline-block;padding:10px 15px;line-height:1em;color:#333;background:#eee;font-size:12px}
.epost_nav a:hover{background:#ddd;color:#000;text-decoration:none}
.epost_nav div.fr{float:right;text-align:right}

/*post end comments */
.comments_box{font-size:12px;margin:10px 0; padding-bottom:10px;overflow:hidden}

.comments_head{position:relative}
.comments_head h2{margin:7px 0;font-size:18px;line-height:30px;font-weight:700;}

.comments_list{padding:0;margin-bottom:15px;margin-left:0;}
.comments_list li{margin-top:10px; padding:10px 0;border-top:1px dotted #ddd;line-height:30px}
.comments_list li .name{ font-weight:700; padding-right:10px;}
.comments_list li .date{ color:#999;}

.comments_form {width: 100%;margin: 20px 0px; font-size:12px;}
.comments_form h2 {height:32px; line-height:32px; margin-bottom:10px; font-size:14px; font-weight:bold;}
.comments_form p{width: 96%;}
.comments_form .inputa {width:333px;height:12px;border: 1px solid #ddd;outline: none;padding:5px;font-size: 12px;color: #333;}
.comments_form .inputb{ width:79px;height:12px;border: 1px solid #ddd;outline: none;padding:5px;font-size: 12px;color: #333;}
.comments_form .textarea {width:97%;border: 1px solid #ddd;outline: none;margin: 10px 0px 10px 0px;padding: 7px;min-height: 120px;font-family: Arial, Helvetica, sans-serif;color: #333;font-size: 12px;}
.comments_form .btn {display: inline-block;background: #D14836;padding: 6px 16px;text-transform: uppercase;color: #ffffff;font-size: 14px;cursor: pointer;border:none; float:right;}
.comments_form .btn:hover{background: #111;}

DIV.pageinfo {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.pageinfo A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.pageinfo A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.pageinfo A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.pageinfo SPAN.thisclass {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.pageinfo SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}