/* design by BOOFCCOM */

/* ͨÓö¥²¿ */
#hTop{ z-index:50; position: fixed;width:100%; height:70px;background: url(/images/header/htop.png) repeat; text-align:left; border-bottom:0px #DDD solid; top: 0px; left: 0px; }
#hHead{ margin:auto;width:100%; text-align:center;background-color:#FFF; padding-top:70px;overflow:hidden;}
#hTopbar{ margin:auto; width:100%; height:70px; }

/* LOGO */
.hTopleft{ float:left;width:200px; height:70px; margin-left:15px; }
.hTopleft img{ width:200px; height:60px; margin-top:5px; }

/* ²Ëµ¥ */
.hTopmid{ float:left;width:990px; height:70px; }
.hTopmid ul li{ float:left; width:auto; line-height:68px;display:inline; position: relative; text-align:center;font-size:16px; margin:0px 10px; }
.hTopmid ul .hli a { color:#555;}
.hTopmid ul .hli a:hover { display:inline-block;width:auto;line-height:68px;color:#EE4E4E;border-bottom:2px #EE4E4E solid; }
.hTopmid ul .over a {  display:inline-block;width:auto;line-height:68px;color:#EE4E4E; border-bottom:2px #EE4E4E solid;}
.hTopover{  }
.hTopmid ul li a.hMore{  float:left; width:50px;height:70px; z-index:3; position: relative; display: block; background: url(/images/header/hmore1.png) right center no-repeat; text-align:left; padding-left:15px; color:#666; }
.hTopmid ul li a.hMorecurrent { background: url(../images/header/hmore2.png) right center no-repeat; color:#EE4E4E; }
.hMoredown { position: absolute;top:50px;left:-30px; width:120px; height:auto; border-bottom:1px #ddd solid; padding-top:9px;background: url(/images/header/hmore_bg.png) top no-repeat; background-color:#FFF;z-index: 999999;  }
.hMoredown span{ float:left; width:120px;line-height:35px; text-align:center; font-size:14px;border-bottom:1px #E5E5E5 solid; }
.hMoredown span a{ display:block; width:120px; line-height:35px;color:#555; }
.hMoredown span:last-child{ border-bottom:0;}
.hMoredown span:hover{ background-color:#EE4E4E; }
.hMoredown span:hover a{ color:#FFF; }


/* µÇ¼ע²á */
.hTopright{ float:right;width:260px; height:70px;margin-right:15px; }
.hTopright .left{ float:right;width:80px; height:70px; font-size:13px; }

.hTopApp{ float:left;width:80px; height:70px;line-height:70px; display:inline; position: relative; text-align:center; margin-top:0px; }
.hTopApp a{ color:#777; }
.hTopApp a.mMore{  float:left; width:65px;height:70px; line-height:70px;z-index: 3; position: relative; display: block; background: url(/images/header/rmore1.png) 58px center no-repeat; text-align:left; padding-left:15px; }
.hTopApp a.mMorecurrent { float:left;width:65px;height:70px;line-height:70px;background: url(../images/header/rmore2.png) 58px center no-repeat; background-color:#FFF;text-align:left; padding-left:14px; border-left:1px #E5E5E5 solid; border-right:1px #E5E5E5 solid; color:#EE4E4E; }
.mMoredown { z-index: 99999; position: absolute;top:70px;left:-368px;width:520px;background-color:#FFF; border:1px #E5E5E5 solid; }
.mMoredown ul{ float:left;width:520px; }
.mMoredown li{ float:left;width:100px; margin:10px 15px;text-align:center; }
.mMoredown li p{ float:left; width:100px; line-height:25px; color:#666; }
.mMoredown li span{ float:left; width:100px; height:100px; }
.mMoredown li span img{ width:100px; height:100px; }


.hTopright .right{ float:right;width:auto; height:70px;}
.divLogin{ float:left;width:auto; height:70px;line-height:70px;text-align:left; font-size:13px;color:#bbb; display:inline; position: relative;  }
.divLogin a{ color:#777; margin:0px 3px; }
.divLogin a:hover{ color:#EE4E4E; }

.hTopLogin a.lMore{  float:left; width:auto;height:70px; line-height:70px;z-index: 3; position: relative; display: block; }
.hTopLogin a.lMorecurrent { float:left;width:auto;height:70px;line-height:70px; }
.lMoredown { z-index: 99999; position: absolute;top:50px;left:-42px; width:120px; height:auto; border-bottom:1px #ddd solid; padding-top:7px;background: url(/images/header/topbg.gif) top no-repeat; background-color:#FFF; }
.lMoredown span{ float:left; width:120px;line-height:32px; text-align:center; font-size:14px;border-bottom:1px #E5E5E5 solid; }
.lMoredown span a{ display:block; width:120px; line-height:32px;color:#555; }
.lMoredown span:last-child{ border-bottom:0;}
.lMoredown span:hover{ background-color:#EE4E4E; }
.lMoredown span:hover a{ color:#FFF; }

.divReg{ float:left;width:auto; height:70px;line-height:70px;text-align:left; font-size:13px;color:#ccc; display:inline; position: relative; padding-left:5px; }
.divReg a{ color:#777; margin-left:5px; }
.divReg a:hover{ color:#EE4E4E; }

.hTopright .right .u1{ float:left;width:70px; height:40px; line-height:40px;padding-left:0px; margin-top:15px; }
.hTopright .right .u1 b{ float:left;width:60px; height:40px; line-height:40px;background: url(/images/header/use.png) left center no-repeat; font-weight:normal; padding-left:20px; }
.hTopright .right .u2{ float:left;width:40px; height:70px; line-height:70px; }
.hTopright .right .divUser a{ color:#9A9EA2; font-size:13px; }
.hTopright .right .u1 img{ width:40px; height:40px;border-radius:100%; margin-left:20px; }