@charset "utf-8";
/* css reset */
article, section, aside{display:block;}
.block{margin:0;}
.area{padding:0;}
.frame, .tab, .block{margin:0; padding:0;}
.frame, .frame-tab{border:none; margin:0;}
.mtp{margin-top:10px;}

/* header */
.hx-section { width:960px; margin:0 auto; clear:both; line-height:1.7;}
.hx-section:after { content:""; display:block; clear:both; }
.hx-section-margin{ margin-top:10px; margin-bottom:10px;}
.hx-ad img{display:block;}
#hx-logo { width:220px; height:60px; margin:30px 0 0 0; float:left; overflow:hidden; text-indent:-1000px; background:url(hx-logo_news.png) no-repeat; }
#hx-logo  a{display:block; height:60px;}
#hx-sitenav { height:32px; background:url(hx-sitenav.png) repeat-x; }
#hx-header { position:relative; height:101px; background:url(hx-header.png) no-repeat; font-family:Verdana, Geneva, sans-serif;}
#hx-header dt { float:left; width:15px; padding:5px; text-align:center; line-height:22px; color:#818181; }
#hx-header dd { float:left; height:52px; overflow:hidden; line-height:26px; padding:1px 7px; color:#323232; }
#hx-header dd a { padding:3px; color:#323232; white-space:nowrap; border-radius:3px;}
#hx-header dd a:hover { text-decoration:none; background-color:#666; color:#fff;}
#hx-header .cat-main { position:absolute; height:20px; line-height:20px; top:5px; left:210px; }
#hx-header .cat-main a { display:block; float:left; padding:0 13px; color:#369; }
#hx-header .cat-main a+a:before { content:""; display:inline-block; height:12px; line-height:12px; position:relative; top:2px; left:-13px; border-left:1px solid #cdcac6; }
#hx-header .cat-channel { position:absolute; top:37px; left:220px; }
#hx-header .cat-channel dd{ width:220px;}
#hx-header .cat-buy { position:absolute; top:37px; left:471px; }
#hx-header .cat-buy dd{ width:120px;}
#hx-header .cat-service { position:absolute; top:37px; left:625px; }
#hx-header .cat-service dd{ width:120px;}
#hx-header .fastlink { position:absolute; left:785px; top:38px; }
#hx-header .fastlink dt { display:none; }
#hx-header .fastlink dd { padding:0; }
#hx-header .fastlink dd a { margin:0; padding:0; border-radius:0;}
#hx-header .fastlink dd a:hover { margin:0; background-color:transparent !important;}
#hx-fastpost { display:block; float:left; width:79px; height:54px; background:url(hx-fastlink.png) no-repeat; text-indent:-2000px; }
#hx-fastcenter { display:block; float:left; width:79px; height:54px; background:url(hx-fastlink.png) no-repeat -79px 0; text-indent:-2000px; }
#hx-fastreg { display:block; float:left; width:79px; height:54px; background:url(hx-fastlink.png) no-repeat -158px 0; text-indent:-2000px; }
#hx-fastpost:hover {background-position:0 -54px;}
#hx-fastcenter:hover {background-position:-79px -54px;}
#hx-fastreg:hover {background-position:-158px -54px;}
/* sub header */
.hx-subheader { position:relative; height:42px; margin-top:4px; margin-bottom:5px; background:url(hx-subbanner.png) no-repeat; }
.hx-subheader .goindex{ display:block; float:left; width:126px; height:42px; overflow:hidden; text-indent:-2000px;}
.hx-subheader .links { position:absolute; top:13px; left:140px; height:24px; line-height:24px; font-size:14px; }
.hx-subheader .links a { display:block; float:left; padding:0 7px; margin:0 10px;}
.hx-subheader .links a:hover { text-decoration:none; color:#fff; background:#333; background:rgba(1,1,1,0.5); border-radius:5px;}
.hx-subheader .links a+a:before { content:""; display:inline-block; height:13px; line-height:13px; position:relative; top:1px; left:-17px; border-left:1px solid #f2f2f2; border-right:1px solid #b1b1b1; }
.hx-subheader .welcome { float:right; height:20px; line-height:20px; color:#fff; margin:15px 10px 0 0; }

#hx-city-subheader{background-position:0 0;}

#hx-live-subheader{background-position:0 -42px; background-color:#6baeda;}
#hx-live-subheader .links a { color:#fff; }
#hx-live-subheader .links a:hover { background:#35576d;}
#hx-live-subheader .links a+a:before { border-left:1px solid #90c2e3; border-right:1px solid #5183a4; }

#hx-fc-subheader{background-position:0 -84px; background-color:#516eb8;}
#hx-fc-subheader .links a { color:#fff; }
#hx-fc-subheader .links a:hover { background:#29385d; }
#hx-fc-subheader .links a+a:before { border-left:1px solid #879ccf; border-right:1px solid #485c90; }

#hx-marriage-subheader{background-position:0 -126px; background-color:#ff6666;}
#hx-marriage-subheader .links a { color:#fff; }
#hx-marriage-subheader .links a:hover { background:#7f3333; }
#hx-marriage-subheader .links a+a:before { border-left:1px solid #ff8c8c; border-right:1px solid #c04d4d; }

#hx-tourism-subheader{background-position:0 -168px; background-color:#3aa707;}
#hx-tourism-subheader .links a { color:#fff; }
#hx-tourism-subheader .links a:hover { background:#1d5303; }
#hx-tourism-subheader .links a+a:before { border-left:1px solid #6bbd44; border-right:1px solid #2c7e05; }

#hx-food-subheader{background-position:0 -210px; background-color:#99cc66;}
#hx-food-subheader .links a { color:#fff; }
#hx-food-subheader .links a:hover { background:#4c6633; }
#hx-food-subheader .links a+a:before { border-left:1px solid #b2d98c; border-right:1px solid #739a4d; }

#hx-fashion-subheader{background-position:0 -252px; background-color:#5a025a;}
#hx-fashion-subheader .links a { color:#fff; }
#hx-fashion-subheader .links a:hover { background:#2d012d; }
#hx-fashion-subheader .links a+a:before { border-left:1px solid #834183; border-right:1px solid #440244; }

#hx-picture-subheader{background-position:0 -294px; background-color:#843d1a;}
#hx-picture-subheader .links a { color:#fff; }
#hx-picture-subheader .links a:hover { background:#421e0d; }
#hx-picture-subheader .links a+a:before { border-left:1px solid #a26d53; border-right:1px solid #632e14; }

#hx-entertainment-subheader{background-position:0 -336px; background-color:#9f3f9f;}
#hx-entertainment-subheader .links a { color:#fff; }
#hx-entertainment-subheader .links a:hover { background:#4f1f4f; }
#hx-entertainment-subheader .links a+a:before { border-left:1px solid #b76eb7; border-right:1px solid #782f78; }

#hx-group-subheader{background-position:0 -378px; background-color:#9f3f9f;}
#hx-group-subheader .links a { color:#fff; }
#hx-group-subheader .links a:hover { background:#7f3703; }
#hx-group-subheader .links a+a:before { border-left:1px solid #fe9244; border-right:1px solid #bf5305; }

#hx-car-subheader{background-position:0 -420px; background-color:#545454;}
#hx-car-subheader .links a { color:#fff; }
#hx-car-subheader .links a:hover { background:#292929; }
#hx-car-subheader .links a+a:before { border-left:1px solid #7f7f7f; border-right:1px solid #404040; }

#hx-baby-subheader{height:46px; background:#fea22b url(baby-subheader.png) no-repeat;}
#hx-baby-subheader .links{top:10px;}
#hx-baby-subheader .links a:hover { background:#7f5726; }
#hx-baby-subheader .welcome{margin-top:12px;}
#hx-baby-subheader .links a{ color:#fff;}
#hx-baby-subheader .links a+a:before { border-left:1px solid #feb85f; border-right:1px solid #bf771a; }

/* slideshow */
.hx-slideshow{position:relative;}
.hx-slideshow .slides{position:absolute; overflow:hidden;}
.hx-slideshow .slides li{position:absolute; top:0; left:0;}
.hx-slideshow .slides li img{overflow:hidden;}
.hx-slideshow .slidenav{position:absolute; width:100%; height:26px; bottom:0px; text-align:right; z-index:1000;}
.hx-slideshow .slidenav li{display:inline;}
.hx-slideshow .slidenav li a{display:inline-block; margin:3px; height:15px; line-height:15px; padding:2px 6px; text-align:center; color:#666; overflow:hidden; cursor:pointer; zoom:1; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-decoration:none;}
.hx-slideshow .slidenav li.active a{background:#f00; color:#fff;}
.hx-slideshow .slidetip{position:absolute; bottom:0; height:40x; left:0; font-weight:normal; color:#fff; overflow:hidden;}
.hx-slideshow .slidetip .front{position:absolute; top:0; left:0; padding:3px 0 0 10px; line-height:20px; overflow:hidden;}
.hx-slideshow .slidetip .bg{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50); opacity:0.5;}
.hx-slideshow .slidetip a{color:#fff;}