@charset "utf-8";
/*样式初始化*/
header,nav,article,footer{display:block}
footer{clear:both}
img{border:0px}
input[type="text"],input[type="password"]{outline: none;}
/*
全局框架使用
	body页面背景图或背景色
	header_bg顶部背景图
	footer_bg底部背景图
*/

/*可动态改变替换的背景图像颜色*/
body {color: #999999; font-family:'Microsoft Yahei','Arail';font-size: 12px;background: url(../bg.gif) repeat scroll 0 0 #e3dcd4;margin:0px;padding:0px;}
/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset, img{border:0;}
table{border-collapse: collapse;border-spacing:0;}
ol,ul{list-style: none;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

#pop-blog-list-holder {width: 250px; display: none;}
#pop-blog-list-holder .pop-menu-list-holder {position: absolute;z-index: 10000;left: 100px;top: 57px;}
#pop-blog-list-holder .pop-menu-list-inner {position: relative;}
#pop-blog-list-holder .pop-menu-list-triangle {left: 166px;}
#pop-blog-list-holder .pop-menu-list-triangle {position: absolute;width: 13px;height: 7px;top: -7px;left: 20px;z-index: 100;background: url(../header.png) no-repeat 0 -320px;}
#pop-blog-list-holder .pop-menu-list {background: white;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-shadow: 0 0 5px rgba(64,64,64,0.5);-moz-box-shadow: 0 0 5px rgba(64,64,64,0.5);
-webkit-box-shadow: 0 0 5px rgba(64,64,64,0.5);box-shadow: 0 0 5px rgba(64,64,64,0.5);-moz-box-shadow: 0 0 5px rgba(64,64,64,0.5);-webkit-box-shadow: 0 0 5px rgba(64,64,64,0.5);
box-shadow: 0 0 5px rgba(64,64,64,0.5);-moz-box-shadow: 0 0 5px rgba(64,64,64,0.5);-webkit-box-shadow: 0 0 5px rgba(64,64,64,0.5);}
#pop-blog-list-holder .pop-menu-list li {border-top: 1px solid #E8E8E8;font-size: 14px;}
#pop-blog-list-holder .pop-menu-list li a {height: 34px;line-height: 34px;display: block;padding: 0 0 0 15px;color: #8F8F8F;overflow: hidden;}
#pop-blog-list-holder .blog-move-icon {background: url(../header.png) no-repeat 8px -148px;_background: url(../header.png) no-repeat 8px -148px;cursor: move;}

#pop-blog-list-holder .pop-menu-list li a .pop-menu-extra {width: 34px;height: 34px;float: right;}
#pop-blog-list-holder .pop-menu-list li a {line-height: 34px;color: #8F8F8F;}

#pop-blog-list-holder .pop-menu-list li.sub a {background: whiteSmoke;border-top: 1px solid #F1F1F1;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-bottom-left-radius: 5px;-moz-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-left-radius: 5px;-moz-border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-bottom-left-radius: 5px;-moz-border-bottom-right-radius: 5px;
height: 22px;line-height: 21px;}
#pop-blog-list-holder.pop-menu-list li a {height: 34px;line-height: 34px;display: block;padding: 0 0 0 15px;color: #8F8F8F;overflow: hidden;}
#dd_header_holder{width:100%; height:70px;background-color: #144465;padding: 0;}
.clear{clear:both}
/**/
#dd_header{width:980px;height:70px;background-color: #144465;margin: 0 auto 0px;}
#dd_header #nav_holder {float: left;padding-top: 12px;padding-right: 25px;position: relative;}
#dd_header #nav_holder #logo{width:145px;float:left}
#dd_header #nav_holder #logo a{width:145px;height:60px;display:block; background:url(../ologo.png) no-repeat; margin:2px 0 0;text-indent: -9999px;}

#dd_header #nav{float: left;display: inline;height: 51px;position: relative; color: #6F889A;text-shadow: 1px 1px 2px #0B2C45;font-size: 16px;white-space: nowrap;}
#dd_header #nav li {color: #6F889A;font-size: 16px;line-height: 50px;white-space: nowrap;float: left;margin-left:10px;padding-top:22px;}
#dd_header #nav li.current{float: left;height: 51px;font-size: 16px;line-height: 50px;color: #6F889A;padding-top:22px;}
#dd_header #nav li.current a{float: left;height: 51px;font-size: 16px;line-height: 50px;color:#FFF;}
#dd_header #nav li .nav_arrow{background: url(../header2.png) no-repeat center 37px;color: #6F889A;}
#dd_header #nav li a{text-decoration: none; color:#6F889A; }
#dd_header #nav a:hover{background: url(../header2.png) no-repeat center 37px;color: white;}
#dd_header #nav a.current{ color:#fff;}

#dd_header #nav-blog-list{width:270px; float: left;display: inline;height: 51px;margin: 0 0 0 0px;position: relative;color: #6F889A;text-shadow: 1px 1px 2px #0B2C45;font-size: 16px;white-space: nowrap;}
#dd_header #nav-blog-list li {color: #6F889A;font-size: 16px;line-height: 50px;white-space: nowrap;float: left;margin-left:10px;padding-top:22px;}
#dd_header #nav-blog-list li.current{float: left;height: 51px;font-size: 16px;line-height: 50px;color: #6F889A;padding-top:22px;}
#dd_header #nav-blog-list li.current a{float: left;height: 51px;font-size: 16px;line-height: 50px;color:#FFF;}
#dd_header #nav-blog-list li .nav_arrow{background: url(../header2.png) no-repeat center 37px;color: #6F889A;}
#dd_header #nav-blog-list li a{text-decoration: none; color:#6F889A; }
#dd_header #nav-blog-list a:hover{background: url(../header.png) no-repeat center 37px;color: white;}
#dd_header #nav-blog-list a.current{ color:#fff;}

/*#dd_header #J_HeaderMiscAction*/
#dd_header #J_HeaderMiscAction.misc-action {width:auto; float: right;padding-top: 25px;height: 33px;position: relative;margin-top:15px;}
#dd_header #J_HeaderMiscAction.action-list{list-style: none;}
#dd_header #J_HeaderMiscAction.misc-action a.text {font-size:14px;color:#6F889A;font-weight:bold; }
#dd_header #J_HeaderMiscAction a.text:hover {font-size:14px;color:#fff;font-weight:bold; }
#dd_header #J_HeaderMiscAction.misc-action a.date {background-position: -479px -545px;}
#dd_header #J_HeaderMiscAction a.date:hover {background-position: -479px -518px}
#dd_header #J_HeaderMiscAction.misc-action a.discovery {background-position: 0 -98px;}
#dd_header #J_HeaderMiscAction a.discovery:hover {background-position: 0 -128px;}
#dd_header #J_HeaderMiscAction.misc-action a.inbox {background-position: -38px -98px;}
#dd_header #J_HeaderMiscAction a.inbox:hover {background-position: -38px -128px;}
#dd_header #J_HeaderMiscAction.misc-action a.settings {background-position: -72px -98px;}
#dd_header #J_HeaderMiscAction a.settings:hover {background-position: -72px -128px;}
#dd_header #J_HeaderMiscAction.misc-action a.logout {background-position: -109px -98px;}
#dd_header #J_HeaderMiscAction a.logout:hover {background-position: -109px -128px;}




#dd_header #J_HeaderMiscAction.misc-action .action-link {overflow: hidden;width: 20px;height: 20px;display: block;text-indent: -999px;background-image: url('../header.png');
background-repeat: no-repeat;}
#dd_header #J_HeaderMiscAction.misc-action .action-item {float: left;margin-left: 20px;display: inline;position: relative;zoom: 1;}
#dd_header #nav-blog-action {float: left;position: relative;padding-top: 10px;margin-left:9px;}
#dd_header #nav-blog-action a {float: left;width: 20px;height: 20px;text-indent: -9999px;outline: none;background-image: url(../header.png);
_background-image: url(../header.png);background-repeat: no-repeat;margin: 30px 5px 0 0;}
#dd_header #nav-blog-action a.nav-more-blog-hover, #nav-blog-action a.nav-more-blog:hover {background-position: -67px -15px;}
#dd_header .nav-more-blog {background-position: 3px -15px;}
#dd_header #tool {float:left; margin-left:10px; font-size:14px; position:relative;}
#dd_header #tool a{color:#FFF; text-decoration:none;}
#dd_header #tool #notice{float:left;}
#dd_header #tool #notice .pop{position:absolute; height:18px; width:18px; font-size:12px; line-height:20px; color:#FFF;  top:-5px; left:14px; z-index:1; border-radius:20px; background-color:#73AF23;}
#dd_header #tool #notice li{ width:30px; height:35px; line-height:35px; float:left; margin-right:5px; text-align:center; position:relative; z-index:2;}
#dd_header #tool #side {width:160px; height:35px; line-height:35px; border:2px solid #327392; border-radius:5px; float:left; margin-left:2px; background:#4180A0;}
#dd_header #tool #side #img{padding:2px; float:left; margin-right:3px;}
#dd_header #tool #side #img img{width:30px; height:30px;border-radius:5px; }
#dd_header #tool #side #name{float:left; font-size:14px; color:#FFF; width:90px; white-space:nowrap;overflow:hidden;}
#dd_header #tool #side #menuSideBtn{background:url(../comm/menu_a.png) no-repeat; width:30px; height:31px; display:block; float:left; margin-top:2px; overflow:hidden}
#dd_header #tool #side #menuSideBtn.curr{background:url(../comm/menu_b.png) no-repeat;}
#dd_header #tool #side #menuSide{ position:absolute; width:160px; background:#4180A0; top:35px; left:72px; border-top:1px solid #327392; border-radius:0px 0px 5px 5px;
								border-left:2px solid #327392; border-bottom:2px solid #327392; border-right: 2px solid #327392; z-index:1;}
#dd_header #tool #side #menuSide a{ height:20px;padding:0px 0px 10px 10px; display:block;}
#dd_header #tool #side #menuSide a:hover{ background-color:#3D7996;}


#PopElementContainer {position: relative;height: 0;width: 100%;z-index: 9999;_line-height: 0;_font-size: 0;}
#pop-blog-list-holder {position: absolute;z-index: 10000;left: 100px;top: 54px;width: 250px;}
#pop-blog-list-holder #pop-blog-list-inner {position: relative;}
#pop-blog-list-holder #pop-blog-list-inner #pop-blog-list-triangle {position: absolute;width: 14px;height: 7px;top: -6px;left: 165px;background: url(../header.png) no-repeat 0 -140px;z-index: 100;}
#pop-blog-list-holder #pop-blog-list-inner#pop-blog-list {-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;box-shadow: 0 0 10px rgba(0,0,0,0.3);background-color: #EBEFEF;}
#pop-blog-list-holder #pop-blog-list-inner#pop-blog-list #pop-blog-list li.first {border-top: 0;border-top-left-radius: 2px;border-top-right-radius: 2px;}
#pop-blog-list-holder #pop-blog-list-inner#pop-blog-list#pop-blog-list li {position: relative;border: 0;}
#content-holder {padding-bottom: 20px;}
#content {width: 600px;margin: 0 auto;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;position: relative;}
#content #tblog-container{padding:30px;border-radius:10px;background-color:#fff;position:relative}.tblog-tilte{font-size:32px;color:#314f64;padding-top:5px;_zoom:1}.tblog-guide{padding-top:35px}.tblog-guide ul{overflow:hidden;_zoom:1}.tblog-guide h3{color:#5a5e65;font-size:16px;padding-top:4px}.tblog-guide p{padding-top:8px;font-size:12px;color:#b3b3b3}.tblog-guide ul li{float:left;width:280px}.tblog-guide div{padding-left:70px;height:50px;background:url("/img/element/tblog-guide.$2628.png") 0 0 no-repeat scroll}.tblog-guide .tblog-step-1{background-position:0 0}.tblog-guide .tblog-step-2{background-position:0 -50px}.tblog-guide .tblog-step-3{background-position:0 -100px}#tblog-error-wrapper{display:none}.tblog-create{border-bottom:1px solid #d7d7d7;margin:30px 0;position:relative;_zoom:1}.tblog-line{overflow:hidden;border-top:1px solid #d7d7d7;_zoom:1}.tblog-left-column{float:left;width:125px;text-align:right;background-color:#f5f5f5;line-height:84px;height:84px;clear:both}.tblog-form-private .tblog-left-column{line-height:112px;height:112px}.tblog-form-cover .tblog-left-column{line-height:104px;height:104px}.tblog-form-theme .tblog-left-column{line-height:155px;height:155px}.tblog-left-column label{padding-right:12px;font-size:18px;color:#4f545b;font-weight:normal}.tblog-right-column{float:left;overflow:hidden;_zoom:1}.tblog-form-element{float:left}.tblog-form-tip{float:left;color:#b3b3b3;font-size:12px}.tblog-form-tip-name{padding-top:32px}.tblog-form-tip-url{padding:24px 0 0}.tblog-form-tip-url p{line-height:18px}.tblog-form-element,.tblog-form-element-private{padding:20px 10px 20px 15px;overflow:hidden;_zoom:1}.tblog-form-element input{width:360px;font-size:20px}.tblog-form-private .tblog-form-element input{width:260px}.tblog-form-private .tblog-form-element{padding:10px 10px 20px 15px}.tblog-form-element-url{position:relative;overflow:hidden;_zoom:1}.tblog-form-element-url input{padding-right:140px;width:224px;_zoom:1}.tblog-form-element-url .url-rec-list input{width:auto}#url-rec{margin-top:-5px;padding:0 0 15px 20px;font-size:12px;color:#b9b3b9}.url-rec-list{padding:10px 0}.url-rec-list label{margin-right:40px}.tblog-form-tip-private{line-height:18px;padding-left:15px;padding-top:20px;color:#666;font-size:12px}.tblog-form-tip-private span{margin-left:6px}.tblog-form-url{position:absolute;top:28px;left:245px;font-size:20px}.tblog-toolbar{overflow:hidden;_zoom:1}#create-tblog-form{position:relative}#create-tblog-btn{float:right}#cancel-create-tblog{float:left;color:#333}#tblog-error-wrapper{background-color:#f5e1dc;color:#c14241;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:bold;font-size:14px;border:2px solid #C77;padding:0;margin:30px 0;overflow:hidden;_zoom:1;position:relative}#tblog-errors{margin-top:20px;margin-bottom:20px;padding-left:30px}#tblog-errors li{display:list-item;list-style-type:disc}#tblog-error-wrapper ul li{display:none}.tblog-form-cover{position:relative}.tblog-form-cover .tblog-right-column .blog-avatar{float:left}.tblog-form-cover .tblog-right-column .tblog-form-cover-button{margin-left:10px;float:left}.error-tip{margin-left:10px;color:#c14241;position:relative}.error-tip s{width:0;height:0;overflow:hidden;border:dotted 5px transparent;border-right:solid 5px #c14241;position:absolute;top:28px;left:-15px}.success-tip p{background:url(../header.png) no-repeat -891px -183px;width:20px;height:20px}.tblog-form-tip-name s{top:35px}
#globle_header{width:100%;height:0px;background-color:rgba(0,0,0,0.8); padding-right:30px;text-align:right;}
#globle_header #mastersay{float:left;padding-left:30px;}
#globle_header #keeptools{float:right;padding-right:60px;}
#header_bg{width: 980px;margin: 0px auto;}
#footer_bg{width:100%;margin:0px;padding:0px;}
a:link, a:visited {color: #929fa9;text-decoration: none;}
a:hover {color: #505b63;text-decoration:none;}
/*框架结构布局*/
#header{ height:80px;  position:relative;}
#header #logo{width:186px; float:left}
#header #logo a{width:186px;height:60px;display:block; background:url(../logoSmall.png) no-repeat; margin:15px 0 0;text-indent: -9999px;}
.channle{ margin:20px;}
/*顶部链接*/
#header #nav{ width:490px; overflow:hidden;font-size:18px; margin:0px 0px 0px 20px;float:left}
#header #nav li {color: #000; width:75px; height:55px; margin:0px 10px;display: block; float:left;overflow: hidden;text-align: center; padding-top:4px; overflow:hidden}
#header #nav li.current{padding-top:0;}
#header #nav li.current a{/*background:url(../comm/home.png);*/ background-color: #517396;display:block;padding:5px;}
#header #nav li .nav_arrow{border-color: #517396 transparent transparent transparent;border-style: solid;
border-width:7px;width:1px;margin:0 auto;}
#header #nav li a{text-decoration: none; color:#FFF; }
#header #nav a:hover{color:#bdd4ed;}
#header #nav a.current{ color:#fff;}

#header #tool {float:left; margin-left:10px; font-size:14px; position:relative;}
#header #tool a{color:#FFF; text-decoration:none;}
#header #tool #notice{float:left;}
#header #tool #notice .pop{position:absolute; height:18px; width:18px; font-size:12px; line-height:20px; color:#FFF;  top:-5px; left:14px; z-index:1; border-radius:20px; background-color:#73AF23;}
#header #tool #notice li{ width:30px; height:35px; line-height:35px; float:left; margin-right:5px; text-align:center; position:relative; z-index:2;}
#header #tool #side {width:160px; height:35px; line-height:35px; border:2px solid #327392; border-radius:5px; float:left; margin-left:2px; background:#4180A0;}
#header #tool #side #img{padding:2px; float:left; margin-right:3px;}
#header #tool #side #img img{width:30px; height:30px;border-radius:5px; }
#header #tool #side #name{float:left; font-size:14px; color:#FFF; width:90px; white-space:nowrap;overflow:hidden;}
#header #tool #side #menuSideBtn{background:url(../comm/menu_a.png) no-repeat; width:30px; height:31px; display:block; float:left; margin-top:2px; overflow:hidden}
#header #tool #side #menuSideBtn.curr{background:url(../comm/menu_b.png) no-repeat;}
#header #tool #side #menuSide{ position:absolute; width:160px; background:#4180A0; top:35px; left:72px; border-top:1px solid #327392; border-radius:0px 0px 5px 5px;
								border-left:2px solid #327392; border-bottom:2px solid #327392; border-right: 2px solid #327392; z-index:1;}
#header #tool #side #menuSide a{ height:20px;padding:0px 0px 10px 10px; display:block;}
#header #tool #side #menuSide a:hover{ background-color:#3D7996;}


/*全局消息 *已恢复兼容*/
#message{ width:640px;margin:20px 0px; border-radius:8px; background-color:#FFF; padding:10px;box-shadow:1px 1px 1px #999;}
#message h2{font-weight:bold; text-align:left; border-bottom:1px solid #666;  font-size: 16px; padding:2px; margin:5px;}
#message .btn{padding:3px; border:0px; background-color:#F5F5F5; border:1px solid #CCC; color:#666; padding:4px;}
#message .content{margin:10px}
#message .article{ margin:8px 0px;  background-color:#F0F0F0; min-height:70px; padding:5px; width:585px; position:relative;}
#message .article .delnotice{position:absolute; right:0;}
#message .fllows{width:275px; float:left; margin-right:15px;}

#message .article .info{padding:10px 0px}
#message .article .facearea{width:64px; height:64px; float:left; margin-right:20px}
#message .article quotation { display:block; margin:5px 5px 5px 20px; padding:5px; border:1px solid #CCC}
#message .article .face{padding-right:10px}

/*右侧主内容*/
#aside{ width:270px; float:left; margin:20px 0px 0px 20px;_margin:20px 0px 0px 20px;overflow:hidden}
#aside h3{font-size:15px;font-weight:bold;padding-left:10px;border: 1px solid #C7CACC;border-radius: 4px 4px 4px 4px;box-shadow: 0 0 3px #CCCCCC inset;background: url("../sidemenu-item.png") repeat scroll 0 0 transparent;height: 36px;line-height: 36px;color: #444444;}
#aside .hr{background:url(../comm/sider_line.gif) no-repeat 4px; width:270px; height:2px; margin:10px 0px;}
#aside #sidetop{ width:270px; height:72px; background:url(../comm/follow.gif) no-repeat; margin-bottom:20px}
#aside #sidetop .myfollow{font-size:18px; padding:9px 0 0 45px;}
#aside #sidetop .myfollow a{color:#FFF;}
#aside #sidetop .showfollow {font-size:14px; padding:11px 0px 0px 45px}
#aside #sidetop .showfollow a{color:#D2D2D2;}

/*搜索*/
#aside #search{ width:270px; height:36px; position:relative; background:url(../comm/search_ipt.gif) no-repeat;margin-bottom:20px;}
#aside #search input.ipt { border:0; color:#999; background-color:transparent;font-size:12px;height:25px;line-height:25px;width:170px; margin:6px 0px 0px 15px;}
#aside #search input.btn {background:url(../comm/search_icon.gif) no-repeat scroll 5px; border:0 none;cursor:pointer; height:25px; position:absolute;right:8px;top:7px;width:26px;}
#aside #search input.loading{background:url(../comm/loadsmall.gif) no-repeat scroll 3px; }

#aside .sidemenu{ width:266px; border: 1px solid #C7CACC;border-radius: 4px 4px 4px 4px;box-shadow: 0 0 3px #CCCCCC inset;font-size: 13px; margin-bottom:20px;}
#aside .sidemenu .lable{font-weight:bold;font-size: 15px;}
#aside .sidemenu .vcode{font-weight:bold;font-size: 15px;height:200px;}
#aside .sidemenu .contents{height:60px;line-height: 20px;}
#aside .sidemenu li{background: url("../sidemenu-item.png") repeat scroll 0 0 transparent;border-bottom: 1px solid #C6C8CB;color: #444444;display: block;height: 36px;line-height: 36px;color: #444444;background-color:#d7dadd;border-bottom: 1px solid #c6c8cb;}
#aside .sidemenu li a{color: #444444;}
#aside .sidemenu li:hover{color:#444444;background-color:#f0f1f2;}
#aside .sidemenu span{color: #444444; font-family:"Arial Black"; font-weight:bold}
#aside .sidemenu .space{float: left;height: 36px;width: 10px;}
#aside .sidemenu .myfollows{background-image: url("../sidemenu.png");background-repeat: no-repeat;float: left;height: 36px;width: 36px;background-position: 11px 10px;}
#aside .sidemenu .setfollows{background-image: url("../sidemenu.png");background-repeat: no-repeat;float: left;height: 36px;width: 36px;background-position: -295px 10px;}
#aside .sidemenu .discovery{background-image: url("../sidemenu.png");background-repeat: no-repeat;float: left;height: 36px;width: 36px;background-position: -23px 5px;}
#aside .sidemenu .mybestlike{background-image: url("../sidemenu.png");background-repeat: no-repeat;float: left;height: 36px;width: 36px;background-position: -59px 8px;}
#aside .sidemenu .mypublics{background-image: url("../sidemenu.png");background-repeat: no-repeat;float: left;height: 36px;width: 36px;background-position: -330px 8px;}
#aside .sidemenu .myreplays{background-image: url("../sidemenu.png");background-repeat: no-repeat;float: left;height: 36px;width: 36px;background-position: -397px 8px;}
#aside .sidemenu .itemtag{background-image: url("../sidemenu.png");background-repeat: no-repeat;float: left;height: 36px;width: 36px;background-position: -92px 8px;}
#aside .siderhr{margin-top:20px;}
/*第二行 我关注了*/
#aside #menu{ width:270px;margin-bottom:20px; border-radius:7px;-webkit-border-radius: 7px;}
#aside #menu li{list-style:none; background:url(../comm/tag.png) no-repeat 15px center; position:relative;text-align:left;}
#aside #menu li{padding-left:45px;background-color:#144465;border-bottom: 1px solid #3B738E;border-top: 1px solid #70A6C0; color: #FFF; display: block; font-size: 14px; height: 34px; line-height: 32px;}
#aside #menu li.end{background:url() #144465; border-bottom:0px;}
#aside #menu li.current{background-color:#417E9C;-webkit-border-radius: 7px;}
#aside #menu li a{color:#FFF}

#aside .list{margin-bottom:20px; width:230px; overflow:hidden; float:left}
#aside .list h1{font-size:14px; font-weight:bold; margin:5px 0px; color:#FFF}
#aside .list h1 a{text-decoration:none}
#aside .list h1 span{font-size:12px; padding-left:100px; font-weight:normal }
#aside .list .footer {text-align:right; font-size:12px; margin: 0px;color:#FFF;}
/*TagNew*/
#aside .tagnew li {background-image: url(../tag_bg.png);padding: 4px 8px;border: 1px solid #d1d1d1;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;font-size: 12px;line-height: 12px;	outline: none;	width:auto;	float:left;	margin:0 2px 5px 0;}
#aside .tagnew {	width:98%;height:170px;margin-bottom:20px;margin-top:5px;}
#aside #coderssbar{width:250px;background-color:#f6f6f6; margin-top:10px;padding:5px 10px 20px 10px;margin-top:-4px;border-bottom: 4px 4px;}
#aside #coderssbar {font-size:14px;color:#050505;}
#aside #coderssbar  a, a:visited{color:#050505; }
/*2Vcode*/
#aside #vcode{}


/*sider footer by wjc*/
#sider_footer{width:100%;margin:0 auto;padding-top:5px;}
#sider_footer td{ padding-top:2px; padding-left:2px;color:#2586B3;}
#sider_footer.sitename a,.sitename a:visited{color:#999; }
#sider_footer.sitename a:hover{color:#999;}

/*site about*/
#about{ float:left; margin-left:-40px; margin-top:20px; background-color:#E2E0E1; width:290px; border-radius:7px;}
#about li{text-align:center; font-size:20px; padding:20px 0px; border-bottom:1px solid #C8C8C8;border-top:1px solid #F3F3F3; font-weight:bold}
#about li.top{border-top:0px}
#about li.bottom{border-bottom:0px}
#about li.current{background-color:#C7C5C6}
/*channal*/
#channal{background-color:#999; width:900px}

/*左侧主内容*/
/*feeds*/
#article{margin:20px 0px 0px 20px;_margin:20px 0px 0px 10px; width:660px; float:left; overflow: hidden;}
#article h1{text-align:right; padding-right:10px; padding-bottom:10px; font-size:14px; }
#article h1 a{margin-right:10px;color:#FFF}
#article h1 a.current{font-size:20px; font-weight:bold; margin-left:10px;}
#article .cartoon{color:#030303;font-size:19.5px;padding-left:78px;padding-top:25px;width:660px;height:86px; background:url(../kartoon1.png) no-repeat left center;border-radius:7px;position:relative; margin-bottom:20px;}
#article .boxtip{ color:#ffffff;font-size:14px;width:542px; height:20px;margin-left:82px;margin-top:-20px;background:#a0a0a0;border-radius:4px;padding:15px; box-shadow:1px 1px 2px #999999; position:relative; margin-bottom:20px; z-index:-1;}
#article .box{ color:#444444;width:550px; margin-left:82px;background:#FFFFFF;border-radius:4px;padding:15px; box-shadow:1px 1px 2px #999999; position:relative; margin-bottom:20px; }
#article .box p{ padding:5px 0px; line-height:1.5em}
#article .channl {width:500px; margin-left:90px; margin-bottom:15px}
#article .channl  a{ display:block; width:60px; text-align:center; float:left;margin-right:15px; padding:5px 0px; background-color:#EAEAEA}
#article .channl  a:hover{background-color:#fff;color;#EAEAEA; }
#article .box .top .face{ display:block;width:89px; height:84px; background-color:#FFF; position:absolute; left:-82px; top:0px;border-radius:4px;}
#article .box .top .face img{ width:80px; height:80px;margin-top:2px;margin-left:2px;}
#article .box .content{width:100%}
#article .box .header{margin-bottom:2px}
#article .box .header h1,#article .box .header h1 a{width:70%;font-size:16px;font-weight:bold; text-align:left; color:#333;float:left; overflow: hidden;}
#pubtime{width:20%;text-align:right;float:right;}
#article .box  mark.tag{width:300px; overflow:hidden; text-indent:2em;  text-align:left; background:url(../ico_favtags.png) no-repeat; background-position:5px;}

#article .box .content{font-size:16px; line-height:1.6em;float:left;}
#article .box .content .repto{font-size:12px; position:absolute; line-height:1.6em;top:15px; left:120px}
#article .box .content .feed_content{padding-top:10px}
#article .box .content header{ font-size:12px; padding:5px 0px;}
#article .box .footer{ width:100%;clear:both; text-align:right; line-height:20px; margin-top:30px;}
#article .box .tag{overflow:hidden; text-indent:2em;  text-align:left; background:url(../ico_favtags.gif) no-repeat; background-position:5px;}
#article .box .tag .lable{font-weight:bold;float:left;}
#article .box .footer .buttons{margin:20px 12px 12px;text-align:center;}
#article .box .footer .buttons img{margin:0 5px 0 0;}
#article .box .footer .mark{padding-top:5px;zoom:1;float:left;}
#article .box .footer #mark0, #mark1{width:63px;height:60px;background:url('../comm/digg.gif') no-repeat -67px 0;border:0px none;cursor:pointer;position:relative;margin:0;padding:0;overflow:hidden;float:left}
#article .box .footer #mark1{background-position:-135px 0;margin-left:10px;}
#article .box .footer .bar{position:absolute;left:9px;top:32px;width:60px;height:5px;border:1px solid #40a300;background-color:#fff;overflow:hidden;text-align:left;}
#article .box .footer #mark1 .bar{border-color:#555;}
#article .box .footer .bar div{background:url('../comm/sprites.gif') repeat-x 0 -202px;height:5px;overflow:hidden}
#article .box .footer #mark1 .bar div{background-position:0 -202px;}
#article .box .footer #barnum1, #barnum2{position:absolute;top:37px;left:28px;font:400 12px/16px arial;color:#bebebe; font-weight:bold;}

#article .box .footer .menu{padding-top:35px ;float:right;}
#article .box .footer .menu a{ padding-right:5px;}
#article .box .comment textarea {width:100%}
#article .box .comment .submit{ margin:10px 0px; text-align:right}
#article .box .comment .submit footer{margin:0px}
#article .box .delrep a{left:460px; background:url(../add/delete.gif) no-repeat; width:16px; height:16px; text-decoration:none}
#article .box .delrep a:hover{ background-color:#CCC}
/*feeds ajax page*/
.feedajax { margin-top:5px;background-color: #FFFFFF; border-radius:7px;margin-left:90px;padding:10px;width:510px;text-align:center;}
.feedajax .loading{vertical-align:middle; margin-right:10px}
.feedimg{max-width:248px}
#page_nav {clear: both; text-align: center;}
#page_loading {clear: both; display: none;}

/*发布内容*/
#postblog{width:605px; height:164px;clear:both; position:relative}
#postblog .img{width:88px; height:88px; float:left;border-radius:4px;padding:2px;background:url(../comm/post_bg.gif) repeat;position:absolute; z-index:2;}
#postblog .img img{ width:78px; height:78px;}
#postblog .pop{color:#444444;width:550px; height:120px; background:url(../comm/post_bg.gif) repeat;border-radius:7px;box-shadow:1px 1px 12px #999999; position:absolute; margin-left:80px;padding:15px;float:left;}
#postblog .pop2{float:left;padding-left:17px;}
#postblog .pop2 li{ display:block; float:left; width:95px; text-align:center}
#postblog .pop2 li.ln{ background:url(../comm/postline.png) repeat-y; width:2px; height:58px; margin:0px 5px 0px 5px;}
#postblog .pop2 li a{display: block;width: 100px;height: 74px;background: url(../publisher.gif) no-repeat 0 0;text-indent: -9999px;outline: none;}
#postblog .pop2 li a:hover {background-position: 0 -74px;}
#postblog .pop2 .music {background-position: -200px 0;}
#postblog .pop2 .music:hover {background-position: -200px -74px;}
#postblog .pop2 .photo {background-position: -100px 0;}
#postblog .pop2 .photo:hover {background-position: -100px -74px;}
#postblog .pop2 .video {background-position: -300px 0;}
#postblog .pop2 .video:hover {background-position: -300px -74px;}
#postblog .pop2 .link {background-position: -400px 0;}
#postblog .pop2 .link:hover {background-position: -400px -74px;}
#postblog #state_bar{width:550px; height:40px; position:absolute; left:50px; top:100px;}
#postblog #state_bar .state{width:450px; height:40px; float:left;}
#postblog #state_bar .subBtn{ width:60px; height:40px; overflow:hidden; background:url(../pub_state.png) no-repeat; border:0; margin-top:5px;margin-left:5px;_margin-top:1px;cursor:pointer;}

/*杂志工具栏*/
#magtool {width:620px; height:110px;clear:both; position:relative;font-size:16px;}
#magtool .img{width:88px; height:88px; float:left;border-radius:4px;padding:2px;background:url(../comm/post_bg.gif) repeat;position:absolute; z-index:2;}
#magtool .img img{width:80px; height:80px; }
#magtool .pop{color:#444444;width:614px; height:80px; background:url(../comm/post_bg.gif) repeat;border-radius:7px;box-shadow:1px 1px 2px #999999; position:absolute; padding:15px 0px 15px 55px;float:left;}
#magtool .pop li{ display:block; float:left; width:60px; text-align:center;}
#magtool .pop li a{display:block; width:60px; height:25px; margin-right:40px;margin-top:15px;padding-top:10px; padding-left:40px;}
#magtool .magcontrol{width:605px; position:absolute; left:66px; top:-10px; padding-top:10px;}
#magtool .magcontrol li{ display:block; float:left; width:95px; text-align:center}
#magtool .magcontrol li.ln{ background:url(../comm/postline.png) repeat-y; width:2px; height:58px; margin:0px 5px 0px 5px;}
#magtool .magcontrol li a{display:block; width:95px; height:25px; padding-top:45px;}
#magtool .pop .magedit{width:120px;height:40px;float:right;padding-right:20px;}
#magtool .pop .magedit .edit{margin-left:20px;width: 80px;height: 40px;text-indent: -9999px;outline: none;}
#magtool .pop .magname{float:left;width:50%;text-align:left;padding-left:44px;}
/*快速评论*/
#article .box .rowLine { background: url("../feedmore_line.png") repeat-x scroll 0 0 transparent; height: 1px; margin: 6px 0 15px;width: 100%;}
#article .box .comment {background: none repeat scroll 0 0 #F3F3F3;border-top: 1px dotted #D2D2D2; margin-top: 13px;padding: 15px 20px 10px;position: relative; z-index: 1;}
#article .box .comment {clear: both;overflow: hidden;}
#article .box .comment  textarea {
    border-color: #9B9B9B #CFCFCF #CFCFCF #9B9B9B;border-right: 1px solid #CFCFCF;border-style: solid;border-width: 1px;float: left;font-family: "Microsoft Yahei"; font-size: 13px;
    height: 58px;line-height: 19px;margin-bottom: 8px;padding: 5px;resize: none;width: 450px;}
#article .box .comment.input em.green { color: #6AAE3F; float: right; margin-right: 10px; margin-top: 8px;}
#article .box .comment ul { margin: 0;}
#article .box .comment ul li { background: none repeat scroll 0 0 transparent; clear: both; color: #464646;line-height: 12px; margin: 0;overflow: hidden;padding: 0; position:relative}
#article .box .comment ul li .pic {float: left;margin-left: 0;margin-right: 10px;}
#article .box .comment ul li a {margin-right: 4px;}
#article .box .comment ul li .pic img {height: 20px;width: 20px;}
#article .box .comment ul li p {float: left;line-height: 18px;margin-top: -2px;padding-right: 20px;position: relative;width: 400px;}
#article .box .comment ul li p a.reply {margin-left: 10px;}
#article .box .comment ul li span {color: #999999;margin-left: 16px;}
#article .box .comment ul li quote{ display:block; margin:5px 0px 0px 0px;}
#article .box .comment .commentList .delrep a{position:absolute;  left:460px; background:url(../add/delete.gif) no-repeat; width:16px; height:16px; text-indent:99em; z-index:10 }
#article .box .comment .commentList .delrep a:hover{ background-color:#CCC}

#article .box .comment footer {padding:6px 4px;background-color:#EAEAEA;text-align:right;color:#313031;}
#article .box .comment footer a,#article .box .comment footer a:active {padding:3px 1px;margin:0px 1px; color: #0030ce;text-decoration:none;font-size:12px;}
#article .box .comment footer a:hover{text-decoration:underline;}
#article .box .comment footer .current {padding:1px 2px; color:#000; background-color:#FFF;}

#article .nav {padding:3px; margin:3px; text-align:right;}
#article .nav a { border:1px solid #aaaadd; color:#fff; padding:2px 5px; margin:2px;text-decoration:none;}
#article .nav a:hover {border:1px solid #000099;color:#fff;}
#article .nav .current {border:0;}

/*feeds player*/
/*feed video player*/
.player{ float:left; margin:0px 15px 15px 0px; position:relative}
.player .area{display:none}
.player .area p{font-size:14px; margin-bottom:5px;}
.player .img{border:1px solid #999;border: 1px solid #999; border-radius:5px; box-shadow:3px 3px 2px #ccc;   }
.playbtn { border:0px;position:absolute;left:50px;top:35px;opacity:0.5;filter:alpha(opacity=50); cursor:pointer}
.playbtn:hover{opacity:100;filter:alpha(opacity=100);}
.clear{ clear:both; display:block}
.feed_content_h{width:100%; display:block; clear:both}

/*xiami*/
.xiami{ display:block;margin:20px 0px; height:100%; clear:both}
.xiami div{width:300px;float:left; margin:10px 0px 0px 10px}
.xiami img{box-shadow: 3px 3px 3px #999; float:left; max-width:150px; max-height:150px}
.xiami embed{margin:10px 0px 10px 10px}
/*localmusic*/
.localmu {padding:5px; border:1px solid #CCC; overflow:hidden;}
.localmu p{font-size:12px;}
/*web music*/
.weblink{ padding:5px; border:1px solid #ccc; overflow:hidden; margin:10px 0px}
.site .h1{font-size:32px;}
.site .info {border-top: 1px solid #D3D5D7;margin-top: 20px;}
.site .info h2{color: #38546B; font-size: 20px; font-weight:bold; margin: 20px 0 15px;}
.site .info p{text-indent:2em; font-size:14px; line-height:2.5em}

/*plugin
.backToTop { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #000; color: #fff;font-size: 12px;text-align: center;
    position: fixed; _position: absolute; right: 10px; bottom: 200px; _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60);
}*/
.backToTop:hover {color:#eee;}
.backToTop:hover:before {border-bottom-color:#eee;}
.backToTop:before {	position:absolute;	top:11px;	left:14px;	content:"";	border-bottom:11px solid #888;
	border-left:11px solid transparent;	border-right:11px solid transparent;}
.backToTop {	cursor:pointer;	position: fixed;right: 15px;bottom: 15px;width: 50px;height: 25px;padding-top: 25px;line-height: 25px;background: #333;
	color: #888;display: block;text-transform: uppercase;text-decoration: none;text-align: center;font-size: 14px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
	border-radius: 10px;behavior:url(../PIE.htc);}
.opacity .backToTop.hidden {	opacity:0;}
.no-opacity .backToTop.hidden {	display:none;}
/*底部*/
#footer{ width:100%;height:180px;  padding-top:10px;clear:both}
#footer #cloud{background:url(../login/cloud.png) repeat-x; height:99px;}
#footer #copy{ width:950px; margin:0px auto; padding:10px; font-size:12px; text-align:center}
#footer #copy span{padding:0px 7px}
.clear{clear:both}
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;height:0;line-height:0;font-size:0;visibility:hidden;clear:both}
/*waterfall*/
#container{position: relative;margin-top: 16px;margin-bottom: 10px;min-height: 800px;}
/*#container{background: white;padding: 14px 14px 0;width: 193px; float: left; position: relative;font-size: 13px;border: 1px solid #DED4C7;}*/
#container .col{	width:230px;margin:5px;float: left;background: #F1ECE6;}
#container .col .image img{margin:10px;vertical-align: middle;max-width: 210px;height: expression_r(this.width >200px ? (200px*(this.height/this.width)): true);width: expression_r(this.width >200px ? 200px: true);}
#container .col .image .hidebar{width:230px;height:30px;padding-left:10px;;background: #87888888; position: absolute;left: 0;top:0;text-align: center;display:none;}
#container .col .image .good{width:50px;background-color: #0093ff;float:left;margin:4px;color: #999;cursor:pointer;}
#container .col .image .bad{width:50px;background-color: #0093ff;float:left;margin:4px;color: #999;cursor:pointer;}
#container .col .image .user-interaction{float:left;}
#container .col .image .user-interaction dt{float:left;width:51px;height:20px;background:url(../btn-set.png) no-repeat left top;}
#container .col .image .user-interaction dt a{display:inline-block;height:20px;margin:0 0 0 17px;width:34px;line-height:20px;text-align:center;background:url(../btn-set.png) no-repeat right top;}
#container .col .image .user-interaction dd{float:left;font-weight:bold;padding:3px 0 0 6px;}
#container .col .image .interaction-good,.interaction-bad{display:inline-block;margin:0 0 0 6px;vertical-align:middle;}
#container .col .image .interaction-good dt{background-position:left top;}
#container .col .image .interaction-good a{background-position:right top;cursor:pointer;}
#container .col .image .interaction-good dt.disabled{background-position:left -28px;}
#container .col .image .interaction-good dt.disabled a{background-position:right -28px;}
#container .col .image .interaction-good,.interaction-good dt a{color:#48960f;}
#container .col .image .interaction-bad dt{background-position:left -57px;}
#container .col .image .interaction-bad dt a{background-position:right -57px;}
#container .col .image .interaction-bad dt.disabled{background-position:left -85px;}
#container .col .image .interaction-bad dt.disabled a{background-position:right -85px;}
#container .col .image .interaction-bad,.interaction-bad dt a{color:#fe3f41;cursor:pointer;}
#container .col .image .interaction-good dt.disabled a,.interaction-bad dt.disabled a{color:#666;cursor:default;}
#container .col .image .interaction-collect{background-position:left -113px;margin-left:10px;}
#container .col .image .interaction-collect dt{background-position:left -113px;cursor:pointer;}
#container .col .image .interaction-collect dt a{background-position:right -113px;color:#857314;}

#container .col .bottombar{background-color: #F7F7F7;width: 220px;height: auto;float: left;display: inline;padding: 0 5px 5px;font-size: 12px;color: #999;line-height: 18px;float: left;opacity: .7;border-top: 1px solid #F1ECE6;}
#container .col .bottombar .title{width: 193px;height: auto;float: left;display: inline;margin-top:10px;margin-left:5px;margin-bottom:10px;font-size: 12px;color: #000;line-height: 18px;float: left;opacity: .7;border-top: 1px solid #F1ECE6;}
#container .col .bottombar .user_bar {padding: 10 5px 5px; width: 193px;height: auto;}
#container .col .bottombar .user_bar .user_avatar img{margin-left:5px;margin-bottom:10px;vertical-align: middle;max-width: 30px;}
#container .col .bottombar .user_bar .user_name {font-size: 12px;color: #999;}