﻿@charset "utf-8";

body,form,ol,ul,li,h1,h2,h3,h4,h5,p {margin:0;padding:0}

body {background:#DFDFDF;font-size:12px;color:#333;font-family:verdana,宋体;}

h2 {font-size:14px;text-align:center;height:30px;line-height:30px}
h1,h3,h4,h5,h6{font-size:12px;font-weight:400}

li{list-style:none}
img {border:none}
a {color:#626E19;text-decoration:underline}
a:hover {color:#F33;text-decoration:underline}
input textarea {font-size:12px}
/** util **/
.clear {display:block;height:0;font-size:0;overflow:hidden;clear:both}
.left,.left1,.left2,.left3,.left4 {float:left;display:inline}
.right,.right1,.right2,.right3,.right4 {float:right}
.center {text-align:center;height:16px;line-height:16px;overflow:hidden}
.cPink {color:#D73270}
.cGray {color:#999}
.cHigh {color:#FDEF12}
.cOrg {color:#F60}
.cRed {color:#F00}
.cBlack {color:#333}
.cBlue,a.cBlue {color:#3366CC}
.bgYelow {background:#FCFAF2}
.bold {font-weight:bold}
.blank6,.blank8,.blank9,.blank10,.blank20,.blank40 {display:block;clear:both;font-size:0;overflow:hidden}
.blank6 {height:6px}
.blank8 {height:8px}
.blank9 {height:9px}
.blank10 {height:10px}
.blank20 {height:20px}
.blank40 {height:40px}

.height200 {height:200px}
.height240 {height:240px}
.height260 {height:260px}
.height300 {height:300px}
.height400 {height:400px}

.hidden {display:none}
.show {display:block}
.block {display:block}
.inline {display:inline}
.dashed {height:1px;overflow:hidden;font-size:0;background:url(images/dashed.gif) repeat-x;clear:both}
.lineGrag {background:#CCC;height:1px;clear:both;overflow:hidden;font-size:0}

.imgBor {display:block;border:1px solid #CCC;padding:0 6px;clear:both;font-size:0;background:#FFF}
.imgBor:hover {border:1px solid #F60}
.imgBor img {margin:6px 0}

.smallLink {font-size:12px}

.t,.t1,.b,.b1,.l,.l1,.r,.r1 {font-size:0;overflow:hidden;height:0}
.c,.c1 {}
.l,.l1 {float:left;display:inline}
.r,.r1 {float:right}



.tip {color:#666}


/** cityBox **/
#cityBox {font-size:12px;background:#FFF;position:absolute;top:100px;left:300px;display:none;z-index:999}
#cityBox #cityT {background:#D84179;height:24px;line-height:24px;padding:0 6px;color:#FFF;font-weight:bold;cursor:move}
#cityBox a {color:#333;text-decoration:none;}
#cityBox a:visited {color:#333}
#cityBox a:hover {color:#F60}
#cityBox {width:460px;border:1px solid #D3366D;padding:1px;background:#FFF}
#cityBox .bor {line-height:24px;padding:0 6px}
#cityBox .bor a {padding-left:6px;text-decoration:none;}
#cityBox a.city1 {width:80px;display:inline;float:left;text-align:center;padding:0 4px;cursor:pointer}
#cityBox #tempSelect {display:none;height:24px;line-height:24px;border:1px solid #CCC;border-left:none;border-right:none;font-size:14px;font-weight:bold;color:#C62963;padding:0 6px}
#cityBox #allCity {border-top:1px solid #CCC}
#cityBox a.toSelect {font-size:12px;font-weight:normal;color:#F60}
#cityBox .clear {clear:both}
#cityBox .bold {font-weight:bold}
#cityBox .cF60 {color:#C62963}
#cityBox a#cityBoxClose {display:block;position:absolute;right:10px;top:6px;text-decoration:none;color:#FFF}
#cityBox a#cityBoxClose:hover {color:#FFF}
#cityBox .cityBoxBott {height:4px;overflow:hidden;font-size:0;background:#F996B2;margin-top:10px;}




/** 上部分为所有通用工具样式 **/
.area {width:996px;margin:0 auto}

/**topBar**/
.topBar {height:26px;line-height:26px;background:url(http://images.hxkang.com/blog/images/topBarBg.jpg) repeat-x;padding:0 10px;overflow:hidden}
.topBar .left {background:url(images/miniLogo.gif) no-repeat -10px 0;padding-left:70px}
.topBar a {color:#666;padding-left:10px;text-decoration:none}
.topBar a#topBar_up {background:url(http://images.hxkang.com/blog/images/toolbar_up.gif) no-repeat;font-size:14px}
.topBar a#topBar_up:hover {text-decoration:none}
.topBar a#topBar_down {background:url(http://images.hxkang.com/blog/images/toolbar_down.gif) no-repeat;display:none}
.topBar a#topBar_down:hover {text-decoration:none}
.topBar_h {height:26px;line-height:26px;width:98%;position:absolute;z-index:800;top:0;left:0;;text-align:right;overflow:hidden}
.topBar_h a {color:#666;padding-left:10px;line-height:26px}
.topBar_h .topBar_hc {display:none}
.topBar_h a#topBar_down {background:url(http://images.hxkang.com/blog/images/toolbar_down.gif) no-repeat;display:inline;padding-left:10px;text-decoration:none}
.topBar_h a#topBar_down:hover {text-decoration:none}


/** 头部 **/
.header {height:150px;background:url(images/headerBg.jpg) no-repeat;overflow:hidden}
.header .left {padding:30px 0 0 40px;width:700px}
.header .left2 {height:118px}
.header .blogTitle {font-size:24px; font-family:"黑体";color:#FC0;font-weight:bold}
.header .left .blogUrl {color:#FFF;padding-top:10px}
.header .left .blogUrl a {color:#FFF;font-size:12px;font-family:Arial, Helvetica, sans-serif}
.header .left .secondTitle {padding-left:20px;color:#FC0}
.header .right {width:170px;padding-right:20px;height:118px;background:url(http://images.hxkang.com/blog/images/logo.png) no-repeat;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src=http://images.hxkang.com/blog/images/logo.png)}
.header .right a {display:block;width:170px;height:56px;margin-top:20px;_position:relative;top:0;left:0}
.header .right .styleList {margin-top:12px;height:20px;width:140px;_position:relative;}
.header .right .styleList li {float:right;border:1px solid #EEE;width:10px;height:10px;background:#FFF;margin-right:4px;font-size:0;cursor:pointer}
.header .right .styleList li#style_green {background:green}
.header .right .styleList li#style_blue {background:#097AC6}

.header .menu {clear:both;padding-left:12px}
.header .menu .left1 {}
.header .menu .right1 {padding-right:20px;color:#FFF;width:270px;position:relative;top:0;line-height:32px}
.header .menu .right1 a {color:#FFF}
.header .menu .right1 img {position:absolute;right:20px;top:3px}
.header .menu li {float:left;width:70px;height:32px}
.header .menu li a {display:block;height:32px;text-align:center;line-height:32px;font-size:14px;font-weight:bold;color:#FFF;background:url(images/menuBg.gif) no-repeat}
.header .menu li a:hover,.header .menu li a.curr {background:url(images/menuBghv.gif) no-repeat;text-decoration:none}
.header .menu li a.menu_l {background:none}
.header .menu li a.menu_l:hover {background:url(images/menuBglefthv.gif) no-repeat}



/** main 和 left 部分**/
.main {background:#FFF url(images/mainBg.gif) repeat-x top;border:1px solid #CCC;border-top:none}
.mainBody {padding:0 20px;margin-bottom:20px;padding-top:20px}
.mainBody .left {width:215px;overflow:hidden}
.mainBody .right {width:720px;overflow:hidden}

.blogInfo {background:#E9E5C9 url(images/blogInfoBg.gif) repeat-y}
.blogInfo .t {height:42px;background:url(images/blogInfoT.gif);font-size:14px;font-weight:bold;padding-left:10px}
.blogInfo .t a {color:#333}
.blogInfo .t a:hover {color:#F00}
.blogInfo .t .left1 {padding:16px 0 0 25px}
.blogInfo .t .right1 {padding:12px 12px 0 0}
.blogInfo .t .right1 a {font-size:12px;font-weight:normal;color:#837200;text-decoration:underline}
.blogInfo .c {padding:0 20px}
.blogInfo .b {height:24px;background:url(images/blogInfoB.gif)}

.userName {height:24px;line-height:24px;margin-bottom:10px;padding-left:60px}

.box {background:url(images/boxC.gif) repeat-y}
.box .t {height:48px;background:url(images/boxT.gif);font-size:14px;font-weight:bold;line-height:32px;padding-left:10px}
.box .c {padding:0 14px}
.box .c li {height:24px;line-height:24px;overflow:hidden;word-break:break-all;word-wrap:break-word}
.box .c li a {color:#69751A}
.box .b {height:5px;background:url(images/boxB.gif)}

.box .t .title {float:left;height:22px;margin:7px 0 0 4px;display:inline;text-align:center;line-height:22px}
.box .t .more {float:right;height:27px;line-height:27px;padding-right:10px;font-size:12px;font-weight:normal;color:#FFF}
.box .t .more a {color:#69751A;font-weight:normal}

a.ico_editSort {padding-left:18px;background:url(images/ico_edit.gif) no-repeat}
a.ico_write {padding-left:20px;background:url(images/ico_write.gif) no-repeat}
a.ico_editArt {padding-left:20px;background:url(images/ico_editArt.gif) 0 -2px no-repeat;color:#900}
a.ico_delArt {padding-left:18px;background:url(images/ico_delArt.gif) 0 -2px no-repeat;color:#900}
a.ico_changeStyle {padding-left:20px;background:url(images/ico_style.gif) no-repeat}


.sort li {background:url(images/sortLi.gif) no-repeat;padding-left:16px}

.dailyBox .t .right1 {font-weight:normal;font-size:12px;padding-right:10px}
.daily li {background:url(images/dailyLi.gif) no-repeat 0 10px;padding-left:10px;line-height:24px;overflow:hidden}
.daily li a {text-decoration:underline}

.comment .li {background:url(images/dailyLi.gif) no-repeat 0 4px;padding-left:10px;overflow:hidden;line-height:150%;word-break:break-all;word-wrap:break-word}
.comment .li a {color:#69751A;text-decoration:underline}
.comment .cmInfo {height:24px;margin-top:4px;color:#666;padding-left:10px}

.doModel {height:30px;text-align:right;padding-right:10px}

/**翻页**/
.pages {text-align:center;font-size:14px}
.pages li {display:inline}
.pages a {padding:0 4px}
.pages a.currPage { text-decoration:none;font-size:24px;font-weight:bold;color:#F60}
.pages a.toPre,.commBox .c .pages a.toNext {text-decoration:none}

/**表单元素**/

.vCode {width:60px}
.vCodeImg {width:60px;height:24px;position:relative;top:10px}


/**写评论 写留言**/
.writeComment {clear:both}
.writeComment .info {font-size:14px;font-weight:bold;height:24px}
.writeComment .left1 {width:140px}
.writeComment .left1 .faces {width:140px;font-size:0}
.writeComment .left1 .faces img {cursor:pointer;margin:2px 0 0 2px}
.writeComment .commentSub {padding-top:6px;position:relative}
.writeComment img.vCodeImg {position:absolute;top:6px;*top:8px;left:120px;cursor:pointer;width:60px;height:21px}
.writeComment textarea {width:420px;height:100px;border:1px solid #B69866}
.writeComment input.input {border:1px solid #B69866;height:18px}
input.writeName {font-size:12px;color:#666}
input.vCode {width:60px;border:1px solid #B69866;height:18px}



/**lightBox样式**/
body {margin:0;padding:0}
#lightBox {width:400px;border:1px solid #CCC;border-right:3px solid #666;border-bottom:3px solid #666;position:fixed;_position:absolute;left:0;top:0;background:#FFF;z-index:901;display:none}
#lightBox_bg {display:none;position:absolute;left:0;top:0;display:none;z-index:900;opacity:0.4;filter:alpha(opacity=40);background:#333;overflow:hidden}
iframe#lightBox_mask {position:absolute;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=0);opacity:0}
#lightBox_title {}
#lightBox_close {position:absolute;right:6px;top:3px;cursor:pointer;width:18px;height:17px;z-index:999}
*+html #lightBox_close {right:16px;top:2px} /* IE7 */
#lightBox .blank10 {height:10px;font-size:0;overflow:hidden;clear:both}
#lightBox .t {position:relative;left:0;top:0;height:24px;line-height:24px;background:#709CD2;text-indent:10px;font-size:12px;color:#FFF;font-weight:bold}
#lightBox .c {padding:0 10px;line-height:24px}
/**lightBox样式完**/

/**分类窗口**/
.sortTable {border:1px solid #EEE;border-bottom:none}
.sortTable td,.sortTable th {padding-left:10px;height:30px;line-height:30px}
.sortTable th {text-align:left;background:#EEE}
.sortTable td {border-bottom:1px solid #EEE}
.sortTable tr.curr td {height:50px;background:#FFFFE1}
.sortTable input {}





/** 底 **/
/**bott**/
.bottMenu {padding-left:220px;margin-top:20px}
.bottMenu li {float:left;padding:0 2px}
.bottMenu li a {color:#69751A}
.copyRight {text-align:center;clear:both;padding-top:6px;line-height:150%}


/** 绿版的独立设置 **/

#lightBox .t {background:#78B219}


/**lightBox切换风格**/
.styles {padding:0 10px;margin-right:10px;height:450px;overflow-y:scroll}
.style {float:left;width:120px;margin-right:20px;text-align:center;margin-top:20px}
.styleName {text-align:center;height:30px;line-height:30px}
