*{padding:0px;margin:0px;}
html{background:#FFF;}
body{font:12px/24px Verdana,Arial,Tahoma;background:url(../images/bg_qcenter_repeat.png); COLOR: #454545;}
img{border:none;}
a{color:#333333;text-decoration:none;}
a:hover{color:#000000;text-decoration:none;}
ul,li{list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
/*---------- stock ---------*/
.wrap{width:960px; margin:0 auto; clear:both}
.mainbox{width:710px;float:left;overflow:hidden;}
.sidebox{margin-top:0px;padding-top:0px; width:230px; float:right; overflow:hidden;background:#fff;border: 1px solid #DEDEDE;}
.sbox {padding:15px;border-bottom:1px dotted #c7c7c7;}
#box{float:left;position:relative;width:232px;}
.div1{width:232px;}
.div2{position:fixed;_position:absolute;top:0;z-index:250;}
#links.sbox{ border:none}
h1{font-family: tahoma,helvetica,"microsoft yahei",arial;font-size:18px; height:30px; line-height:30px;}
.apage h1{ float:left}
h2{font-size:16px; height:30px; line-height:30px;font-family: Microsoft Yahei;}
h3{ color: #000000;font-size: 14px;margin-bottom: 10px;}
.bt3{border-top:3px solid #3FA7CB}
.apage .mod-realcontent{width:630px;border-top:3px solid #3FA7CB}
.ibox{ background:#ffffff; padding:30px 10px; width:900px; margin:0 auto}
.mt1{margin-top:8px;}
.mt2{ margin-top:16px;}
.clear{overflow:hidden;clear: both;}
.fl{ float:left}
.fr{ float:right}
.r5{ border-radius:5px;}
.f14{ font-size:14px;}
.line{ height:5px; background:url(../images/ico-line.gif) repeat-x; clear:both}
.clearfix:after,.sbox:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.sbox{display:block;zoom:1}
/*---------- frame : header ---------*/
.topbar{width:100%;background-color:#3FA7CB;height:60px;margin-bottom: 12px;position:fixed; z-index:999;left:0;top:0;right:0  }
.space-name { float:left;padding-left: 80px;font-size:50px;font-weight:normal;text-shadow:-2px 1px #000000;font-family: tahoma,helvetica,"microsoft yahei",arial;}
.space-name a{text-align:center;color:#FFFFFF;text-decoration:none;}
.siteinfo{ height:80px; padding-left:10px; line-height:60px;padding-top:55px; }
.siteinfo span{ color:#888888; padding-left:10px;}

.banner {
 background:url(../images/bg_qcenter_top_wraper.png) repeat-x; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-top: 60px; PADDING-RIGHT: 0px
}
.banner2{
	BACKGROUND: url(../images/bg_qcenter_top.jpg) no-repeat center top; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-top: 60px; PADDING-RIGHT: 0px
}
.acttop{
	margin-left:80px;
	margin-bottom:5px;
	margin-right:260px;
	border-bottom: 1px solid #FCFBFB;
}
.acttop span{
	display: block;
	font-size:16px;
	color:#999;
	border-bottom: 1px solid #E1E1E1;
}
.header .toplinks{	float:right;text-align:right; font-size:14px;color:#454545}
.header .toplinks a{margin:0 5px;color:#454545;}
.header .logo{float:left;}
.header .logo a{width:120px;height:50px;display:block;overflow:hidden;}
#navMenu {float:left;height: 35px;font-size:25px; line-height:35px; font-family: tahoma,helvetica,"microsoft yahei",arial;}
#navMenu li{float:left;position:relative;margin-right:1px;}
#navMenu li a{color:#FFF;padding: 15px 25px;float:left;line-height: 35px;height: 35px; }
#navMenu li a:hover,#navMenu li.now a,#navMenu li.now a:hover{background:#0080FF;color:#FFF;opacity:.70;-moz-opacity:.70;filter:alpha(opacity=70);border-bottom:0px solid #009acd}
.position{ background: none repeat scroll 0 0 #FFFFFF;
    border-top: 3px solid #3FA7CB;
    height: 26px;
    line-height: 26px;
    margin-left: 81px;
    text-indent: 15px;
    width: 620px;}
/*------ //搜索框 ---------*/
.search{ float:right; width:230px; height:28px; margin-top: 3px;}
.search-input{float: left;height:19px;line-height:19px;padding:4px 7px;background-color:#fbfbfb;width:160px;color:#B3B3B3;border: none;border-radius: 2px;border-radius: 2px 0 0 2px;border: 1px solid #CCCCCC;}
.search-input:focus{color:#444;background-color: #fff}
.search-submit{float: left;border-radius: 0 2px 2px 0;border: none;height: 29px;font-weight: normal;width:50px;padding: 0 10px; cursor:pointer}
.search-submit:hover{box-shadow: none;}
.btn-primary{
	border-color: #3079ED;
	color: #F3F7FC;
	background-color: #2BB0DC;
	background: -webkit-linear-gradient(top, #44B4D8,#2BB0DC);
	background: -moz-linear-gradient(top, #44B4D8,#2BB0DC);
	background: linear-gradient(top, #44B4D8,#2BB0DC);
}
.btn-primary:hover{
	border-color:#2F5BB7;
	color:#fff;
	background-color: #4D90FE;
	background: -webkit-linear-gradient(top, #4D90FE,#357AE8);
	background: -moz-linear-gradient(top, #4D90FE,#357AE8);
	background: linear-gradient(top, #4D90FE,#357AE8);
}
.btn-primary:active,.btn-primary.btn-active {
	box-shadow:#2176D3 0 1px 2px 0 inset;
	border-color: #3079ED;
}
.btn-primary:focus {
	border-color:#4d90fe;
	outline:none
}
.mod-blogitem {
	line-height:24px;
	padding-left:80px;
	overflow: hidden;
}
.box-postdate {
	position:relative;
	top:20px;
	left:-80px;
	width:80px;
	height:48px;
	color:#fff;
	text-align:right
}
.box-postdate .q-day {
	font-size:20px;
	padding:2px 4px 0 0
}
.box-postdate .q-month-year {
	font-size:12px;
	padding-right:4px
}
.mod-realcontent {
	width:620px;
	margin:0 0 -28px;
	border:1px solid #e7e5e6;
	background:#fff;
	-webkit-box-shadow:2px 2px 10px #e7e5e6;
	-moz-box-shadow:2px 2px 10px #e7e5e6;
	box-shadow:2px 2px 10px #e7e5e6;
	position:relative;
	top:-48px;
	padding:20px 0 0 0;
	z-index:10
}
.mod-blogitem .item-head {
	padding:0 20px 0 20px
}
.mod-blogitem .box-postdate {
	background:url(../images/bg_postdate.png) top left no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="/templets/qimi_bd/images/bg_postdate.png");
	_background-image:none
}
.mod-blogitem .item-head a {
	font-size:20px; font-family: tahoma,helvetica,"microsoft yahei",arial;
}
.mod-blogitem .item-head .usimg a{
	float:right;
	font-size:15px;
	color:#3FA7CB;
}
.item-head .fr{ color:#888888}
.item-head a{
	float:left;
}
.mod-blogitem .item-content {
	padding:20px 20px 20px 20px;
	font-size:14px;
	width:580px;
	overflow:hidden;
	color:#454545;
}
.apage .mod-blogitem .item-content{ width:600px}
.apage .mod-blogitem .item-content img{ max-width:600px; margin-top:5px;}
.mod-blogitem .item-foot {
	padding-bottom:15px;
	padding-top:10px;
	 font-size:12px;
}
.mod-blogitem .item-foot .box-tag {
	width:380px;
	height:45px;
	display:block;
	overflow:hidden
}
.mod-blogitem .box-tag .a-tag {
	float:left;
	margin:2px 15px 20px 0
}
.mod-blogitem .box-tag .q-tag {
	color:#b4b4b4;
	background:#f5f5f5;
	padding:3px;
	-webkit-border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	border-radius:5px 5px;
	word-break:keep-all;
	word-wrap:normal
}
.mod-blogitem .box-tag .a-tag:hover .q-tag {
	color:#888
}
.mod-blogitem .box-act {
	float:right;
	margin-top:4px
}
.mod-blogitem .item-foot .a-act {
	color:#b5b5b5;
	margin-left:10px
}
.mod-blogitem .item-foot .a-act:hover {
	color:#888
}
.q-previewbox img{ max-width:580px;_width:expression(this.scrollWidth > 580 ? "580px" : (this.scrollWidth < 1? "1px" : "auto"));}

.mod-userinfo .q-info span {
	margin-right:10px;
}
.mod-userinfo .q-name {
	font-size:16px;text-align:center; line-height:27px;
}
.list1{ width:200px;}
.list1 li{ background:url(../images/ico1.gif) left center no-repeat; padding-left:10px; white-space:nowrap; overflow:hidden}
.list2 li{ float:left; margin-right:8px; margin-bottom:2px; white-space:nowrap}
.pic3{}
.pic3 li a{ float:left; width:64px; display:block; height:64px; border:1px solid #ffffff}
.pic3 li a:hover{border:1px solid #01A7DE}
.q-taglist .q-icon {
	display:block;
	float:left;
	height:14px;
	width:14px;
	padding:4px;
	background:url(../images/tags.png) no-repeat 4px -10px
}
.q-taglist a {
	color:#454545;
	padding:0 4px;
	word-break:keep-all;
	word-wrap:normal;
	display:inline-block;
}
.q-taglist a:hover {
	color:#fff;
	background-color:#3fa7cb;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.pagelist{padding-left: 80px;}
.pagelist li{ float:left; margin-right:5px;}
.pagelist li a{ background:#ffffff; padding:3px 5px; border:1px solid #cccccc;}
.pagelist li a:hover{ background:#44B4D8; color:#ffffff}
.footer{ text-align:center; color:#666666}
.pinl{float:left;width:610px;overflow:hidden;padding:10px;background:#FFFFFF;}
#pinl{float:left;width:610px;overflow:hidden;padding:10px;background:#FFFFFF;}
.index .pinl{width:600px;}

.q-submit{
	float:left;
	margin:15px 20px;
	color:white;
	width:55px;
	height:30px;
	cursor:pointer;
	background:#66B3FF top left;
}

.add{float:left;clear:both;width:230px;}
.add a{
	  cursor:pointer;
	  margin-left:5px;
}
.artname{
	float:left;
	margin-left:5px;
}
.usimg{
	float:right;
}
.usimg img{
	float:right;
	margin-right:10px;
	width:30px; 
	height:30px;
}
/*-----------------------顶和踩-----------------------*/

.bar{margin:15px 0 0 0;height:30px;}
.bar ul li{float:left;}
.bar ul li a{display:block;height:28px;line-height:28px;text-indent:36px;width:80px;border-radius:5px;border:1px solid #DFD5CB;color:#9E8C7B;}
.up a {margin-left:10px;background:white url(../images/act_bg.png) no-repeat}
.up a:hover{background-position:0 -30px;}
.up a:active,.up .voted{color:#BF4131;background: #F3EFE7 url(../images/act_bg.png) no-repeat 0 -60px;}
.down a{margin-left:20px;background:white url(../images/act_bg.png) no-repeat -80px 0;}
.down a:hover{background-position:-80px -30px;}
.down a:active,.down .voted{color:#BF4131;background: #F3EFE7 url(../images/act_bg.png) no-repeat -80px -60px;}

/*--------------------------文本框--------------------*/
.comments{ 
 width:100%;
 overflow:auto;  
 word-break:break-all; 
  resize: none;
}

.addbar {
	width:620px;
	margin-top:10px;
	border:1px solid #e7e5e6;
	background:#fff;
	-webkit-box-shadow:2px 2px 10px #e7e5e6;
	-moz-box-shadow:2px 2px 10px #e7e5e6;
	box-shadow:2px 2px 10px #e7e5e6;
	position:relative;
	padding:5px 0 10px 0;
}

/*returnTop*/
p#back-to-top{
    position:fixed;
    display:none;
    bottom:0px;
    right:400px;
}
p#back-to-top a{
    text-align:center;
    text-decoration:none;
    color:#d1d1d1;
    display:block;
    width:64px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}
p#back-to-top a:hover{
    color:#979797;
}
p#back-to-top a span{
    background:transparent url(/skin/boke/images/sprite.gif) no-repeat -68px 0px;
    border-radius:6px;
    display:block;
    height:64px;
    width:56px;
    margin-bottom:5px;
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
}
#back-to-top a:hover span{
    background:transparent url(/skin/boke/images/sprite.gif) no-repeat 0px 0px;
}

/***************************分页样式********************************/
.epages { margin:15px auto 10px; text-align:center; }    
.epages a {border:1px solid #286eac;padding:2px 4px;text-align:center;text-decoration:none; font:12px/14px Tahoma; }    
.epages a:hover { background:none repeat scroll 0 0 #286eac; border-color:#6d9fcb;text-decoration:none; }    
.epages b {font-weight:bold;background:none repeat scroll 0 0 #286eac;border:1px solid #286eac; display:inline-block;padding:0px 4px; line-height:18px;}    
.epages a b {background:none repeat scroll 0 0 #FFFFFF; border:0 none; padding:0;line-height:14px;}    
.epages a:hover b {background:none repeat scroll 0 0 #286eac;}