﻿/*Styles Updated: 9/20 2011 @ 8:00 p.m. Author: D.PENG Contact:d.peng@msn.com */
@charset "utf-8";

/******top)_content*********/
#content_top{ width:950px; height:424px; overflow:hidden; }
#banner{ width:576px; height:424px; float:left; overflow:hidden; margin-top:10px;}
#sidebar_right{ float:right; width:360px; height:424px; overflow:hidden;}

#news_pro{ float:left; height:291px; width:197px; margin-top:10px; }
#news_title{ height:60px; width:197px; overflow:hidden;}
#pro_news{ height:230px; width:191px; overflow:hidden;}

#pro_news ul.tabnav{width:191px; height:12px; margin:0 auto; text-align: center;  padding-left:30px; }
#pro_news ul.tabnav li{ background:url(../images/qihuan_title.gif) no-repeat left top; padding:0; display:inline; width:13px; height:12px; display:block; float:left; margin:0 2px; cursor:pointer; overflow:hidden;}
#pro_news ul.tabnav li.hover{ background:url(../images/qihuan_title.gif) no-repeat 0 -12px; width:13px; height:12px; display:block;}
.tabbox{width:191px;height:210px;}
.tabbox div{display:none;}
.tabbox div span,.tabbox div p{ font-size:12px; width:191px; display:block; text-align:center; line-height:20px;}
.tabbox div b{ color:#cc053d;}
.tabbox img{ width:191px; height:160px; display:block;}

.tabboxC{width:463px;height:180px;  }
.tabboxC div{display:none; width:461px; height:170px;border:1px #e2e2e2 solid;}
.tabboxC div img{ width:461px; height:170px; display:block;}
#adv ul.tabnavC{width:140px; height:12px; margin:0 auto; text-align: center;  padding-left:30px; float:right; text-align:right; }
#adv ul.tabnavC li{ background:url(../images/qihuan_title.gif) no-repeat left top; padding:0; display:inline; width:13px; height:12px; display:block; float:left; margin:0 2px; cursor:pointer; overflow:hidden;}
#adv ul.tabnavC li.hover{ background:url(../images/qihuan_title.gif) no-repeat 0 -12px; width:13px; height:12px; display:block;}

#banner ul.tabnavD {width:576px; height:25px; margin:0 auto; text-align: center; background-color:#666666;}
#banner ul.tabnavD li{ background:#666; color:#aca6a6; padding:0; display:inline; width:144px; height:25px; line-height:25px; display:block; float:left;  cursor:pointer; overflow:hidden;}
#banner ul.tabnavD li.hover{ background:#534747; color:#fff; width:144px; height:25px;  display:block;}
.tabboxD{width:576px; height:390px;}
.tabboxD div{display:none;}
.tabboxD img{ width:576px; height:390px; display:block;}


#right_new{ float:right; width:159px; height:291px; border-left:1px #e2e2e2 solid;  padding-top:10px; background:url(../images/sidebar_right_bg_30.jpg) no-repeat right top;}
#promotion,#fashion{ height:138px; width:150px; padding-left:9px;}
.tlte a{ float:right; padding-right:5px;}
.promotion_title{ height:36px; width:150px; overflow:hidden;}
.news_content ul{ padding:0 5px;}
.news_content ul li{ height:21px; line-height:21px; background:url(../images/diandian_44.gif) no-repeat left center; padding-left:7px;}
.news_content ul li a:hover,#bbs_content ul li a:hover,.news ul li a:hover{ text-decoration:underline;}

.fashion_title{ height:36px;}
#jiange{ height:5px; border-bottom:1px #ccc dashed; margin:5px;}
#bbs_content{ width:360px; height:105px; padding-top:11px; border-top:1px #e2e2e2 solid; margin-top:11px;}
#bbs_content img{ float:left; display:block; width:142px; height:103px; border:0;}
#bbs_content ul li{line-height:20px; _line-height:18px;}

/****content_centent***/
.content_centent{ height:203px; width:950px; background:url(../images/zs_55.gif) repeat-x top left; margin-top:15px; padding-top:30px;}
.beauty_title{ width:216px; height:60px; overflow:hidden;}
.beauty_title img{ width:215px; height:60px; }
.beauty{width:216px; height:195px; float:left; }
.beauty_content{ height:135px;}
.beauty_content img{ display:block; width:215px; height:135px;}

.video{ width:230px; height:190px; background:#fdf4dd; float:left; margin-left:20px; display:block; display:inline;}
.video_title{ overflow:hidden;  height:40px; width:230px;}
.video_content{ margin:0 auto; text-align:center;width:230px; height:145px;}
.video_content img{ }

#adv{ float:right; width:463px; height:195px; }
.darenxiu_title{ overflow:hidden; height:60px; width:216px;}
.darenxiu_title img{ height:60px; width:215px;}
.zazhi{width:230px; height:195px; float:left; margin-left:20px; display:block; display:inline;}
.zazhi_title{ width:230px; height:42px; overflow:hidden;}

#commodity{ width:206px; height:195px; float:left; margin-left:20px;}
.commodity_title{ width:206px; overflow:hidden; height:35px; line-height:18px;}
.commodity_content img{ width:85px; height:60px; display:block; float:left; padding-right:5px;}
.commodity_content h4{ padding-bottom:5px; height:60px; line-height:15px;}
.news ul li{ background:url(../images/diandian_44.gif) no-repeat left center; padding-left:8px; height:22px; line-height:22px;}

#brand{ float:right; width:206px; height:195px; padding-left:25px; border-left:1px #e2e2e2 solid; }
.brand_title{ width:206px; overflow:hidden; height:35px;}

/*****navigation*******/
#navigation{ width:950px; overflow:hidden; height:auto; margin-top:10px;}
#navigation_title{ width:950px; overflow:hidden; height:35px;}
#navigation_content{ height:200px; width:948px; border:1px #e2e2e2 solid;}
#rel{ height:200px; width:948px; position:relative;}
.navigation_left{ width:470px; padding:20px 10px 10px 20px; height:170px; background:url(../images/dh_bg.jpg) no-repeat top left; float:left;}
.navigation_right{ width:440px; float:right; height:155px; overflow:hidden;}
.navigation_left b{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:25px;}
.navigation_left h4{ font-size:14px; line-height:22px;}
.navigation_left h5{ font-family:Arial,Helvetica,sans-serif; font-size: 9px; line-height: 14px;}

#navigation_content ul.tabnavE{width:340px; padding-left:60px; height:40px; overflow:hidden; float:right; text-align: center; position:absolute; top:155px; left:525px; background:url(../images/3.gif) repeat-x 0 5px;}
#navigation_content ul.tabnavE li{ background:url(../images/3.gif) no-repeat left top; color:#aca6a6; padding:0; display:inline; width:39px; height:36px; margin-top:5px; line-height:45px; display:block; float:left;  cursor:pointer; overflow:hidden;}
#navigation_content ul.tabnavE li.hover{ background:url(../images/3.gif) no-repeat 0 -36px; color:#fff; width:39px;  height:36px;display:block;}
.tabboxE{width:948px; height:200px; overflow:hidden;}
.tabboxE .dh{display:none;}
.navigation_left img{ width:70px; height:90px; border:3px #000 solid; float:left; margin-right:10px; display:block;}

.webwidget_slideshow_dot{
    padding: 20px 10px 0 15px;
    margin: 0px;
    position: relative;
    font-family: Arial,Sans-Serif;
    font-size: 13px;
}
.webwidget_slideshow_dot a{
    text-decoration: none;
}
.webwidget_slideshow_dot a:hover{
    text-decoration: underline;
}
.webwidget_slideshow_dot .slides_box{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
}
.webwidget_slideshow_dot .title_thumb_box{
    width: 100%;
    position: absolute;
    bottom: 0px; display:none;
}
.webwidget_slideshow_dot .title_thumb_box .title_box{
    padding: 5px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box{
    text-align: center;
    height: 25px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span{
    margin-right: 5px;
    margin-left: 5px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span img{
    cursor: pointer;
}
.webwidget_slideshow_dot img{
    padding: 0px;
    margin: 0px;
    border: none;
}
.webwidget_slideshow_dot ul{
    padding: 0px;
    margin: 0px;
    position: absolute;
    list-style: none;
}
.webwidget_slideshow_dot ul li{
    padding: 0px;
    margin: 0px;
    float: left;
}
.webwidget_slideshow_dot ul li a{
    display: block;
}

/**link******************************************************************/
.item { width:115px; height:65px; float:left; font-family:Tahoma; text-align:center; }
.item span {width:100px; height:45px; padding:8px 5px 8px 2px; display:block;}
.item img { border:1px solid #898989;  width:100px; height:45px; background-color:#ffffff; padding:1px; }
.rollBox { clear:both; height:70px; margin:0; padding:16px 10px 0 10px; width:925px;}
.rollBox .LeftBotton { height:80px; width:8px; background:url(../images/job_mj_069.gif) no-repeat left top; overflow:hidden;
 float:left;
 display:inline;
 margin:0 10px 0 3px;
 cursor:pointer;
}
.rollBox .RightBotton {height:80px;width:8px; background:url(../images/job_mj_069.gif) no-repeat right top;overflow:hidden;float:left;display:inline;margin:0 0 0 10px;cursor:pointer;}
.rollBox .Cont { width:885px; overflow:hidden; float:left;}
.rollBox .ScrCont { width:10000000px;}
.rollBox .Cont .pic { width:110px; float:left; text-align:center;}
.rollBox .Cont .pic img {padding:1px; background:#fff; border:1px solid #ccc; display:block; margin:0 auto; width:100px; height:45px;}
.rollBox .Cont .pic p { line-height:21px; color:#505050; font-size:12px; text-align:center; width:100px; margin:0 auto;}
.rollBox .Cont a:link, .rollBox .Cont a:visited { color:#626466; text-decoration:none;}
.rollBox .Cont a:hover { color:#f00; text-decoration:underline;}
.rollBox #List1, .rollBox #List2 { float:left;}