﻿#content{width:950px; margin:12px auto 0 auto; overflow:hidden; height:100%;}
#middle{overflow:hidden; float:left; padding-left:12px; width:524px; height:100%; color:#444;}
#middle div#slider{overflow:hidden; margin-bottom:12px; height:120px; width:524px;}
#middle div.box{position:relative; overflow:hidden; padding-top:24px; width:100%; height:100%; background:url(../images/middle_bg.gif) no-repeat left top;}
#middle div.box h3,#middle div.box h4.title{position:absolute; top:4px; left:9px; font-size:13px;}
#middle div.box div.box_con{overflow:hidden; height:100%; padding:13px 6px 0 6px; border:solid 1px #D6D6D6; border-width:0 1px;}
#middle div.box div.box_pro{float:left; padding:5px 12px 0 12px; width:146px;}
#middle div.box div.box_pro div.box_pro_img{position:relative; overflow:hidden; width:144px; height:124px; border:solid 1px #E7E7E7;}
#middle div.box div.box_pro div.box_pro_img img.click{position:absolute; bottom:4px; left:6px;}
#middle div.box div.box_pro h4{overflow:hidden; margin:8px 0 4px 6px; height:16px; font-size:12px;}
#middle div.box div.box_pro dl{padding-left:6px;}
#middle div.box div.box_pro dl dt,#middle div.box div.box_pro dl dd{overflow:hidden; height:14px; font:10px/14px Verdana, Arial, Helvetica, sans-serif;}
#middle div.box div.box_pro dl dt{height:16px;}
#middle div.box div.box_pro dl dd{padding-top:8px; line-height:15px;}
#middle div.box div.box_pro dl dd a{color:#666;}
#middle div.box div.box_pro dl dd a:hover{color:#900;}
#middle div.box div.four dl dt{margin-bottom:2px; height:16px;}
#middle div.box div.four dl dt a{ font-weight:700; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#middle div.box div.four dl dd{ height:28px; overflow:hidden; background:none; padding-top:0}
#middle div.box div.box_pro dl dt,#middle div.box div.four dl dd{font-size:12px; font-family:Arial, Helvetica, sans-serif;}

#middle div.box_a div.box_con{padding:13px 5px 0 5px;}
#middle div.box_a div.box_pro{padding:5px 4px 0 5px; width:119px;}
#middle div.box_a div.box_pro div.box_pro_img{width:117px; height:133px;}
#middle div.box_a div.box_pro div.box_pro_img img.click{bottom:3px; left:85px;}
#middle div.box_a div.box_pro dl{padding:9px 0 0 1px;}

#middle div.box_bottom{overflow:hidden; margin-bottom:12px; height:15px; background:url(../images/middle_bg_bottom.gif) no-repeat;}
#middle div.middle_tab{position:relative; overflow:hidden; height:24px; border-left:solid 1px #BABABA; background:url(../images/middle_tbt_bg.gif) repeat-x;}
#middle div.middle_tab ul{margin-left:-2px; height:24px; width:453px;}
#middle div.middle_tab ul li{position:relative; float:left; width:151px; height:24px; line-height:24px; text-align:center; color:#2C2C2C; font-weight:700; background:url(../images/middle_tbt_bg1.gif) no-repeat left top; cursor:pointer;}
#middle div.middle_tab ul li.current{margin-right:-2px; z-index:100; background:url(../images/middle_tbt_bg2.gif) no-repeat;}
#middle div.middle_tab span{position:absolute; right:0; top:0; width:72px; height:24px; background:url(../images/middle_tbt_more_bg.gif) no-repeat left top;}
#middle div.middle_tab span a.more{overflow:hidden; float:right; height:23px; line-height:24px; width:70px; text-align:center; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-bottom:solid 1px #BABABA; background:#F7F7F7;}
#middle div.middle_tab span a.more:hover{color:#900;}
#middle div.tab_con{height:135px; margin-bottom:12px; overflow:hidden;}
#middle div.middle_tab_a{overflow:hidden; padding:12px;  height:110px;}
#middle div.middle_tab_a dl dt{overflow:hidden; float:left; width:168px; height:110px;}
#middle div.middle_tab_a dl dd{float:right; width:318px;}
#middle div.middle_tab_a dl dd h5{line-height:30px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#middle div.middle_tab_a dl dd p{line-height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6D6D71;}
#animation {height:180px;padding-bottom:12px;}
#c1{display:block;}
#c2,#c3{display:none;}
#scroll{overflow:hidden; position:relative; width:512px; height:195px;}
#scrollList{float:left; height:195px;}

#right{float:right; width:212px; color:#444;}
#right div.escrow a{ display:block;margin-bottom:12px; background:url(../images/escrow_newban.gif) no-repeat 0 0; width:212px; height:46px;}
#join{padding-top:2px; background:url(../images/rights_join.gif) no-repeat top left;}
#join div.join_con{overflow:hidden; height:100%; padding:10px; background:url(../images/rights_join_bg1.gif) repeat-y;}
#join div.join_con p{line-height:18px; padding:2px 0;font-size:11px; }
#join div.join_con p a{text-decoration:underline;}
#join div.join_con p.p1{margin-top:12px; text-align:center;}
#join div.join_con a.but{display:block; margin:5px auto 0; width:100px; height:26px; text-decoration:none; background:url(../images/right_join_but.gif) no-repeat;}
#join div.join_con p.p2{padding:6px 0;}
#join div.join_con dl dd,#join div.join_con dl dt{line-height:18px;}
#join div.join_con dl dd{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:700;}
#join div.join_con dl dd a{text-decoration:underline;}
#join div.join_con dl dd b{color:#900;}
#right div.join_bottom{overflow:hidden; margin-bottom:12px; height:2px; background:url(../images/rights_join_bg2.gif) no-repeat;}

#right .title{overflow:hidden; padding-left:9px; height:24px; line-height:26px; font-size:13px; background:url(../images/right_title_bg.gif) no-repeat left top;}
#right div.right_box{padding:0 4px 0 9px; height:100%; overflow:hidden; border:solid 1px #D6D6D6; border-width:0 1px;}
#right div.right_box dl{clear:both; height:100%; overflow:hidden; padding:14px 0 10px 0;}
#right div.right_box dl dt{float:left; height:70px; width:70px; border:solid 1px #E7E7E7;}
#right div.right_box dl dd{float:right; width:110px; height:72px; overflow:hidden;}
#right div.right_box dl dd ul{list-style-type:none;}
#right div.right_box dl dd ul li{line-height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#right div.right_box dl dd ul li.start{line-height:15px;}
#right div.right_box dl dd ul li a{text-decoration:underline;}
#right div.right_box dl dd ul li strong a{text-decoration:none;}
#right div.right_box dl dd ul li b{margin-left:5px;font-weight:normal; color:#FF9600;}

#right div.right_box_bottom{overflow:hidden; clear:both; margin-bottom:12px; height:16px; background:url(../images/right_bottom_bg.gif) no-repeat left top;}
#right div.list{ height:380px;}
#right div.list ul{ height:380px; overflow:hidden;}
#right div.list ul dl{ height:72px}
#right div.list ul li span{float:right; margin:8px 10px 0 0; padding-right:12px; background:url(../images/middle_icon_bg.gif) no-repeat right 4px;}
#right div.list ul li span a{font-size:11px; color:#000;}
#right div.list ul li span a:hover{color:#900;}
#right div.list dl dd ul li strong{color:#900;}
#right div.list dl dd ul li b{margin:0;}
#right div.right_box.right_box_a ul dl{ height:72px}
#right div.right_box.right_box_a dl dd ul li{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px;padding-bottom:6px;}
#right div.right_box.right_box_a dl dd ul li a{font-weight:700; line-height:18px; display:block; }
#right .rightban{margin-bottom:12px;}

#left .left_bb{padding-top:2px; background:url(../images/lt_bb_t.gif) no-repeat;}
#left .left_bb_con{overflow:hidden; padding:10px; height:100%; background:url(../images/lt_bb_b.gif) repeat-y;}
#left .left_bb_con p{line-height:18px;}
#left .left_bb_con p strong{font-size:13px;}
#left .left_bb_con p a{text-decoration:underline;}
#left .left_bb_con p.p1{padding:5px 0 0 7px;}
#left div.left_bb_bottom{overflow:hidden; margin-bottom:12px; height:2px; background:url(../images/right_bg_bottom.gif) no-repeat;}

#content #left{ width:190px; float:left; position:relative; z-index:9; color:#444;}
#left div.left_a h3,#left div.left_a h2{background:url(../images/left_h3.gif); height:25px; overflow:hidden; padding-left:10px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:25px;}
#left div.left_a ul#menu{list-style-type:none; width:190px;}
#left div.left_a ul#menu li{position:relative; line-height:25px; height:25px; background:#FAFAFA url(../images/left_menu_icon.gif) no-repeat 171px 8px; border:solid 1px #D6D6D6; border-bottom-width:0; padding-left:10px;}
#left div.left_a ul#menu li.current_li{background:#fff url(../images/left_menu_icon.gif) no-repeat 171px 8px;}
#left div.left_a ul#menu li a{line-height:25px;}
#left div.left_a ul#menu li div{display:none; position:absolute; left:188px; top:-1px; width:148px; background:#fff;}
#left div.left_a ul#menu li div dl{border:solid 1px #D6D6D6; border-width:1px 1px 1px 0;}
#left div.left_a ul#menu li div dl dt a,#left div.left_a ul#menu li div dl dd a{display:block; line-height:16px; padding:4px 0 5px 10px; font-size:11px;}
#left div.left_a ul#menu li div dl dt a:hover,#left div.left_a ul#menu li div dl dd a:hover{background:#f1f1f1;}
#left div.left_a ul#menu li div dl dd{border-left:solid 1px #D6D6D6;}
#left div.left_a ul#menu li:hover div{display:block;}
#left div.left_a div.menu_bottom{position:relative; z-index:999; overflow:hidden; margin:-3px 0 12px 0; height:5px; background:url(../images/left_menu_bottom_bg.gif) no-repeat left top;}
#content #left .left_ban{ height:100%; overflow:hidden; margin-bottom:12px}
#content #left h4,#content #left h3,#content #left h2,#content #left .title{ background:url(../images/left_h4.gif); height:24px; font-weight:700; line-height:24px; font-size:13px; color:#444; padding-left:10px}

#content #left .box{ background:url(../images/left_h4_bg.gif) no-repeat bottom; padding:6px 10px; margin-bottom:12px; height:100%; overflow:hidden}
#content #left .box ul{}
#content #left .box ul li{ margin-bottom:6px; color:#6d6d71; font:10px/14px Verdana, Geneva, sans-serif;}
#content #left .box ul li.more{text-align:right; font-size:11px;}
#content #left .box ul li a{ color:#000}
#content #left .box ul li a:hover{ color:#900}
#content #left .box p{ font:10px/18px Verdana, Geneva, sans-serif; color:#6d6d71}
#content #left .box p img{ float:left; margin:0 5px 5px 0; padding:1px; border:solid 1px #D6D6D6;}
#content #left .box .name,#content #left .box .more{ text-align:right; font:10px/20px Verdana, Geneva, sans-serif; color:#6d6d71}
#content #left .box .name a{ color:#6d6d71; text-decoration:underline}
#content #left .box .name a:hover{ color:#900; text-decoration:none}
#content #left .box .more{ font-size:11px;}
#content #left .box .more a{ color:#000}
#content #left .box .more a:hover{ color:#900}
#content #left .box #by{ width:170px; margin:auto; height:100%; overflow:hidden}
#content #left .box #by a{ display:block; float:left; width:21px; text-align:center; border-left:1px #ccc solid; height:12px; margin:4px 0; line-height:12px; margin-left:-1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#content #left .box #by a.nu{ width:31px}

/*20090326xiaoning*/
#wrapper{ position:relative; width:950px; margin:0 auto; }
#leader{position:absolute; bottom:0; top:1635px;width:950px; height:180px; overflow:hidden}
#leader .foot_help_bor{margin:0; height:100px;overflow:hidden;}
#middle div.box_a div.box_pro{height:190px;; overflow:hidden;}
#middle div.box div.box_pro{overflow:hidden;}
#middle div.box div.box_con{height:213px;}
#middle div.box_a div.box_con{ height:195px;}
#middle div.box_b div.box_con{ height:350px; padding-top:0; }
#middle div.box_b div.box_con div.box_pro{padding-top:18px;}

.promotion_ban{ margin:-10px 0 12px 0;}
.promotion_ban a img{display:block;}
.promotion_ban ul{height:100%; padding-bottom:8px; background:url(../images/left_h4_bg.gif) left bottom;}
.promotion_ban ul li{padding:0 0 6px 18px; line-height:14px; font-size:11px; background:url(http://image.dhgate.com/images/newhome/foot_help_bg.gif) no-repeat 9px 7px;}
.promotion_ban ul li a{text-decoration:underline;}

div.keyword a{ margin-right:5px; line-height:18px}
div.keyword a.big{ font-size:14px; font-weight:700}
div.keyword a.sma{ font-size:11px}
#right .rightban{margin-bottom:12px;}
#content #left h2.category{background:url(../images/left_h3.gif); color:#fff;}

#right .tab_rt{clear:both; margin-bottom:12px; height:132px; overflow:hidden;}
#right .tab_rt .tab_ul{background:url(../images/header_bg0.gif) no-repeat 0 -254px;width:212px; height:26px; clear:both;}
#right .tab_rt .tab_ul li{float:left; width:105px; height:26px; line-height:26px; font-size:11px; font-weight:700; text-align:center; cursor:pointer;}
#right .tab_rt .tab_ul li#sec{width:107px;}
#right .tab_rt .tab_ul li.current{background:url(../images/header_bg0.gif) no-repeat 0 -280px;}
#right .tab_rt .tab_ul li#sec.current{background-position:-105px -280px;}
#right .tab_rt .tab_con{background:#fffbec url(../images/right_tab_bo.gif) no-repeat 0 100%; padding-bottom:6px;  clear:both}
#right .tab_rt .tab_con .middle_tab_a{border-left:1px solid #ffc661;border-right:1px solid #ffc661; padding:10px 9px; width:192px;height:80px;}
#right .tab_rt .tab_con .middle_tab_a img{display:block; margin:0 auto;}
#left .left_bb .ft a{display:block; height:27px; line-height:27px; background:url(../images/ico_ft.gif) no-repeat 0 0; padding-left:30px; text-decoration:underline;}
#left .left_bb .ft a.tw{display:block; background-position:0 100%;}