@CHARSET "UTF-8";
/*html*/
html {
/* background: url("./images/bodybg.jpg") repeat scroll 0 0 transparent; */
background: #F3F3F3;
color:#333;
overflow-y: scroll;
}
body {
/* background: url("./images/bodybg.jpg") repeat scroll 0 0 transparent; */
background: #F3F3F3;
font:13px/1.68 "Microsoft YaHei",Arial,Helvetica,SimSun,sans-serif,Hei;
word-wrap: break-word;
}

/*color*/
a {text-decoration: none;color:#00AA90; /* #258DCD; */}
a:hover {color:#F5771A;}
a.btn-mode:hover {color: #FFF;}
a.none:hover {background:none;color:#00AA90}
a.nofocus:focus {outline:none}
a.gray-main {color:#333}
a.gray-sub {color:#999}
a.underline {text-decoration:underline}
.vv-color-main {color:#00AA90}
.vv-color-bg-main {background-color:#66C2A4}
.vv-color-sub {color:#F5771A;}
.vv-color-bg-sub {background-color:#F5A423}

/**col**/
.vvcol-main {float:left; width:640px; position:relative;overflow: hidden}
.vvcol-sub {width:280px; float:right; position:relative;overflow: hidden}
.vvcol-main-1 {float:left; width:600px; position:relative;overflow: hidden}
.vvcol-sub-1 {width:320px; float:right; position:relative;overflow: hidden}
.vvcol-main-2 {float:left; width:700px; position:relative;overflow: hidden}
.vvcol-sub-2 {width:220px; float:right; position:relative;overflow: hidden}

/*header*/
#page-header {background: #FDFDFD;height: 68px;border-bottom:1px solid #E6E6E6;box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);/* position:fixed; */ width:100%; z-index: 999;_position:relative;}
#page-header .wrapper {width: 960px;margin: auto;position: relative;}
#page-header .quick-search, #page-header .main-nav {float: left;}
#page-header .quick-search {margin: 5px 12px 0 0;}
#page-header a:hover {text-decoration: none}
.header-space {height: 0px; _height: 0px;line-height:0}

/**logo**/
#page-header .logo {position: absolute; top: 12px; left: 0;}
.logo img {vertical-align: top;}

/*content*/
#page-body, #page-footer, .page-block {width: 960px;margin: auto;clear:both; position:relative}

/*footer*/
#page-footer {
clear:both;
color:#666;
font-size:12px;
padding: 10px 0;
margin:65px auto 40px;
border-top:1px solid #CCC;
position:relative;
text-align: center;
height: 40px;
}
#page-footer a {
color:#5F626A;
text-decoration:none;
}
.footer-left {position: absolute; left:0;top: 10px;text-align:left}
.footer-right {position: absolute; right: 0;top: 10px;text-align:right}
.footer-center {}

/**header quick-search**/
#page-header .quick-search {
    background: #159CE7;
    height: 28px;
    padding: 2px 2px 0;
    position: relative;
    width: 218px;
    z-index: 2;
}
#page-header .quick-search .sbutton {
    background: url("./images/search_btn.png") no-repeat scroll 0 0 #1BA2DF;
    border: medium none;
    height: 27px;
    width: 29px;
    cursor: pointer;
}
#page-header .search-input input {
    border-color: #E5E5E5 -moz-use-text-color #1190E3;
    border-left: medium none;
    border-right: medium none;
    border-style: solid none;
    border-width: 1px medium;
    color: #333;
    float: left;
    height: 21px;
    line-height: 21px;
    padding: 2px 0 2px 7px;
    width: 179px;
}

/**header user bar */
.user-bar {
	background: #66C2A4;
	color: #FFFFFF;
    height: 27px;
    padding-top: 4px;
    text-align: center;
    width: 112px;
	font-weight: bold;
    position: absolute;
    right: 0;
    top: 0px;
}
.user-bar a {
	color: #FFF;
}
.user-bar a:hover {color:#FFF; text-decoration: underline;}

/*page-header main-nav*/
#page-header .main-nav {
position: absolute;
right: -16px;
top: 19px;
font:16px "Microsoft YaHei",Tahoma, Hei;
font-weight: bold;
}
#page-header .main-nav li {
float: left;
height: 29px;
line-height: 29px;
text-align: center;
/* border-left: 1px solid #DDD; */
}
#page-header .main-nav li a.nav-item {
display:inline-block;
color: #00AA90;
padding: 0 16px;
margin-left: 1px;
}
#page-header .main-nav li.first {
	/* border-left:none; */
}
#page-header .main-nav li.on a.nav-item,#page-header .main-nav li.on a.nav-item:hover {
	/* color: #FFF;
	background: #F5A423; */
	color: #F5771A;
}
#page-header .main-nav li a.nav-item:hover {
	color: #F5771A;
}
/**footer-nav**/
#foot-nav {
    line-height: 20px;
	margin-top: 20px;
	background: #FFF;
	border: 1px solid #D9D9D9;
}
#foot-nav .f-items li {
	width: 319px;
	float: left;
}
#foot-nav .f-items li .f-item {
	margin: 14px 0;
	padding-left: 10px;
	border-right: 1px solid #DDD;
}
#foot-nav .f-items li a {
	color: #444;
}
#foot-nav .f-items li a:hover {
	color: #F5771A;
}
#foot-nav .f-items li .f-item h3 {
    font-size: 12px;
    height: 22px;
    overflow: hidden;
    padding-bottom: 5px;
}
#foot-nav .f-sub-items li {
	float: left;
	width: 70px;
}

/*menu path*/
#mp {margin-top:10px;padding:0;height:32px;line-height:32px;font-size:14px;}
#mp a, #mp em {display: block;float: left;}
#mp em {
    background: url("./images/pt_item.png") no-repeat scroll 30% 0 transparent;
    text-indent: -100px;
    overflow: hidden;
    width: 20px;
}
#mp .home {
    background: url("./images/pt_icn.png") no-repeat scroll 7px 8px transparent;
    text-indent: -100px;
    overflow: hidden;
    width: 24px;
}

/** dynamic-comment-list **/
.hot-comment-list {
    border-top: 1px dotted #CCC;
    margin: 0;
    padding: 0;
}
.hot-comment-list li {
    border-bottom: 1px dotted #CCC;
    color: #999;
    font-size: 13px;
    height: 41px;
    overflow: hidden;
    padding: 7px 0;
}
.hot-comment-list li:hover {
	background:#F9F9F9;
}
.hot-comment-list li .commenter {
    float: left;
    margin: 4px 9px 5px 0;
}

/** tag list **/
.hot-tags {position:relative}
.hot-tags dl {
    background: url("./images/dashed_x.gif") repeat-x scroll 0 15px transparent;
    overflow: hidden;
    margin: 8px 12px 8px 8px;
}
.hot-tags dl dt {
    background: url("./images/icons.gif") no-repeat scroll 6px -623px #FFFFFF;
    color: #FF6600;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 0 8px 0 24px;
}
.hot-tags dl dd {clear:both}
.hot-tags dl dd ul {margin-left:6px;}
.hot-tags dl dd ul li {
float: left;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
}
.hot-tags a.dash-btn {width: 72px;font-size:13px}

/**topic**/
.topic-header {
	
}
.topic-content {
	
}
/** vv-comment **/
.vv-comment-item {
padding: 2px 0 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #CCC;
}
.vv-comment-item .cmt-user-avatar {
float: left;
width: 70px;
}
.vv-comment-item .cmt-doc {
margin-left: 75px;
font-size: 14px;
}
.cmt-doc .cmt-header {
line-height: 1;
font-size: 13px;
color: #999;
}
.cmt-doc .cmt-content {margin: 8px 0}
.cmt-doc .cmt-refer {background: #DFDFDF; padding: 10px; margin-top: 12px}

/**comment-form**/
.comment-quote-txt {
    border-left: 2px solid #CCC;
    margin: 6px 20px;
    padding-left: 7px;
    width: 32em;
	color: #666;
}
.comment-quote-box {
    background-color:#FFE882;
    margin-bottom: 5px;
    padding: 8px;
    position: relative;
}
.comment-quote-box .quote-close-lnk {
    line-height: 1;
    padding: 0 2px;
    position: absolute;
    right: 4px;
    top: 10px;
	height: 16px;
	width: 16px;
}
.comment-quote-box .quote-txt {
	margin: 6px 0 4px 20px;
	border-left: 2px solid #CCC;
	padding-left: 8px;
}
.comment-load-more {background: #EEE; text-align: center; padding: 8px 0; color: #999}
.comment-load-more a {display: block; color: #000}

/* title */
h1.page-title {
	color: #666;
    font-size: 22px;
    line-height: 1.2;
    margin: 36px 0 0;
}
.vvbox h1.page-title {margin: 0;padding: 6px 0 16px}

/**menu list**/
.sidemenu {
    border: 1px solid #C7CACC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px #CCCCCC inset;
    font-size: 13px;
}
.sidemenu li a {
	background: #DCDCDC;
    border-bottom: 1px solid #C6C8CB;
    color: #333;
    display: block;
    height: 36px;
    line-height: 36px;
}
.sidemenu li a .aside-icon {
    background-image: url("./images/icons/ico_1.png");
    background-repeat: no-repeat;
    float: left;
    height: 36px;
    width: 36px;
}
.sidemenu li.aside-hot-tag .aside-icon {
    background-position: -332px -134px;
}
.sidemenu li a:hover {
    background: #F7F8F8;
    /* box-shadow: 0 0 3px #CCCCCC inset; */
}

/**index.hot.slide**/
#index-hot {position: relative; border: 1px solid #EAEAEA}
.vvslider {background:#FFF;float:left; position:relative}
.vvslider ul li {float: left;height: 206px;overflow: hidden;width: 638px;}
.vvslider img {display: block;float: left;}
.vvslider .slider-item-text {float: right;padding: 16px 16px 0;width: 290px;}
.slider-item-text .header {font-size: 16px;letter-spacing: 2px;margin-bottom: 10px;}
.slider-item-text .body {color: #666;line-height: 20px;margin-bottom: 5px;}
.vvslider-num {bottom: 10px;position: absolute;right: 20px;}
.vvslider-num li {float:left}
.vvslider-num li a {padding: 6px}
.index-hot-users {background: #DAD8D2;display: inline;float: right;height: 176px;padding: 15px;width: 290px;}
.index-hot-users .header {color: #666666;font-size: 14px;padding-top: 10px;text-align: center;}
.index-hot-users .regist {margin: 40px 0 25px;text-align: center;}
.index-hot-users .login {margin-top: 30px;text-align: center;}
.index-hot-users ul {padding: 20px 10px; font-size: 15px}
.index-hot-users ul li {padding: 0 0 10px}

/**search box**/
#side-search-holder {
    margin-bottom: 24px;
    position: relative;
}
#side-search-box {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F7F8F8;
    border-color: #C2C5C7 #C2C5C7 #ABADAF;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
#side-search-input {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 14px;
    margin-right: 35px;
	margin-left: 6px;
    outline: medium none;
    padding: 11px 0;
    width: 240px;
}
#side-go-search {
    background: url("./images/ico_1.png") no-repeat scroll -488px -44px transparent;
    border: 0 none;
    display: block;
    height: 36px;
    right: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 36px;
}
/**top-nav**/
.list-navi {margin: 0 0 20px; height: 43px; line-height: 43px; font-size: 18px; background: #FFF;}
.list-navi .title {float: left; width: 80px; background: #66C2A4;text-align: center; font-size: bold;color: #FFF; margin-right: 20px}
.list-navi .title a {color: #FFF}
.list-navi .title a:hover {color: #FFF; text-decoration: underline}
.list-navi a {padding: 0 6px; font-size: 16px}
.list-navi a.on {color: #F5771A}

/**scroll-btn**/
.vv-side-opers {
	position: fixed;
	_position: absolute;
	right: 25px;
	top: 300px;
	width: 50px;
}

.vv-side-opers li {
	float: left;/* 
	height: 50px; */
	overflow: hidden;
	margin-bottom: 5px;
}
.vv-side-opers .txt-oper, .vv-side-opers .img-oper {
	display: block;
	width: 50px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	color: #fff;
	text-align: center; 
	font-size: 14px;
	/* filter: Alpha(Opacity = 60);
	opacity: .6;
	-moz-transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;*/
	background: #C4C4C4;
}
.vv-side-opers .txt-oper:hover {background:#949494}
.vv-side-opers .img-oper {height: 50px}
.vv-side-opers .page-oper {
	background: url(./images/page-oper.png) 0 -50px no-repeat;
}
.vv-side-opers .back-return {
	background: url(./images/back-return.png) 0 0 no-repeat;
}
.vv-side-opers .back-top {
	background: url(./images/back-top.png) 0 -50px no-repeat;
}
.vv-side-opers .page-oper:hover, .vv-side-opers .back-top:hover {
	background-position: 0 0;
}

.vv-mail {background: url(./images/mail.png) 0 0 no-repeat; display:inline-block;width:36px;height: 32px}
.vv-mail-open {background: url(./images/mail-open.png) 0 0 no-repeat; display:inline-block;width:36px;height: 32px}

.vv-processing {background: url(./images/processing.gif) 0 0 no-repeat;height:9px;width:100px;display:inline-block}