body{background:#fff url(../images/bg-repeat.jpg) repeat-x top}
.wrapper{clear:both; width:972px; margin:0 auto}
.detail{padding:0 8px; background:url(../images/arrowdetail.gif) no-repeat center right}
.banner{clear:both; margin-bottom:10px}
.container{padding:10px 16px; background:url(../images/bgWrap.jpg) repeat-y}
.colL{float:left; width:656px}
.colR{float:right; width:274px}
.rowL,.rowR{overflow:hidden; zoom:1; height:auto; margin-bottom:5px}

ul.common{clear:both; zoom:1 }
ul.common li{text-indent:14px; background:url(../images/dotarrow2.gif) no-repeat left center}
ul.common li a{font-size:14px}

/* pic title */
.picText {text-align:center}
.picText img { border:2px solid #000; margin-bottom:10px}
.picText img:hover {border-color:#fff}
.picText p { background-color:transparent; text-align:center}

/* pic title brief */
.brief {text-align:left; overflow:hidden}
.brief img.left { border:1px solid #d8d8d8; padding:1px; margin-right:10px}
.brief img:hover { border-color:#aecf00}
.brief h5{overflow:hidden��margin-bottom:6px}
.brief p{overflow:hidden; text-indent:2em}

/* slideshow */
.flashbox {position: relative; height: 284px; overflow: hidden}
.flashbox .pic {position:absolute; top:0px; width:418px; height: 276px; border: 1px solid #e1e1e1; padding:3px;}
.flashbox ul {position: absolute; top: 0px; left: 432px; width: 224px; }
.flashbox li {height: 54px; padding:4px; margin-bottom: 10px; border:1px solid #e1e1e1; background-color:#fff; overflow: hidden}
.flashbox li a {position: relative; top:2px; left:4px; display: block; width:124px; line-height: 16px; color: #808080 !important}
.flashbox li.selected{background: url(../images/focus_h.jpg) no-repeat; border:none}
.flashbox li img {position: absolute; top: 1px; right: -86px; width: 72px;  height: 50px; border:1px solid #d6f5b6}
.flashbox li.selected a, .flashbox li a:hover{color: #617649  !important; text-decoration: none}

/* module */
.box {margin:0}
.box .title{overflow:hidden; zoom:1}
.box .title h2{float:left;  height:33px; line-height:33px; padding-left:16px}
.box .title .more{float:right; height:32px; padding-right:12px; text-align:right; }
.box .title .more a{line-height:32px; padding:0 2px}
.box .blockContent {padding:10px; zoom:1}

/* yellow module */
.yellow,.green{width:323px}
.yellow .title{height:34px; background:url(../images/bgTyellow.gif); }
.yellow .title h2{padding-left:24px; background:url(../images/indexHot.jpg) no-repeat;}
.yellow .title .more, .yellow .title .more a{color:#a03901}
.priceEms{width:150px; margin-bottom:15px;height:85px}
 .priceEms h3{margin-bottom:8px;}
 .priceEms h3{display: block; }
.priceEms img{float:left; margin-right:8px; padding:1px; border:1px solid #d2d2d2}
.priceEms img:hover{border-color:#aecf00}
.priceEms p{line-height:20px}

.yellow ul.common{margin:0 0 10px 0; padding-top:10px; border-top:1px dotted #a9a7a0}
.yellow ul.common li{line-height:25px; background-image:url(../images/dotarrow1.gif)}
.yellow ul.common li{display: block; width: 300px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis}
.row2R ul.common{margin-bottom:0;}
.row2R ul.common li{line-height:22px; background-image:url(../images/dotarrow2.gif)}
.row2R ul.common li a{font-size:14px}

.row2R .title h2{background:none; padding-left:16px}
.row2R .priceEms{width:auto; _margin-bottom:15px}
.row2R .priceEms h3{width: 300px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis}
.row2R .priceEms p{text-indent:2em}

.boxFunction{clear:both; text-align:center}
.boxFunction a{display:inline-block; width:97px; height:23px; line-height:23px; margin:0 2px; background:url(../images/button_yellow.jpg); color:#ff5b00 !important; *display:inline; zoom:1}

/* green module */
.green{background:url(../images/bgTgreen.gif) no-repeat}
.green .title h2{padding-top:5px}
.green h3{font-weight:normal; text-indent:26px}
.green h3{display: block; width: 146px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis}
.green .blockContent {padding-top:0px}
.green ul.common{margin:0 0 10px 0; padding-top:10px; border-top:1px dotted #a9a7a0}
.green ul.common li{display: block; width:300px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis}
.green .boxFunction a{width:51px; background:url(../images/button_green.jpg); color:#3b7008 !important}
.row3R .priceEms{width:auto}
.row3R .priceEms p{text-indent:2em}

.green2{background-image:url(../images/bgTgreen2.gif)}
.green2 h2{color:#335d0b}
.green2 .boxFunction a{width:51px; background:url(../images/button_green2.jpg); color:#167008 !important}

/* blue module */
.blue{width:274px}
.blue .title{background:url(../images/bgTblue.gif) no-repeat}
.blue .title .more{padding-right:10px; width:48px}
.blue .title .more a{display:block; width:48px; height:33px}

.blue .brief h5{display: block; width: 184px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis; }
.blue .brief p{display:block; height:42px; overflow:hidden}
.blue ul.common{margin:10px 0 0; padding-top:6px; border-top:1px dotted #a9a7a0}
.blue ul.common li{line-height:25px; display: block; width: 250px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis; }
.blue ul.common li a{color:#0d86d6}
.blue ul.f12 li{line-height:22px}
.blue ul.f12 li a{font-size:14px;color:#2b2b2b}
.blue ul.f12 li a:hover{color:#ff5b00}

.blue2 .title{background-image:url(../images/bgTblue2.gif)}
.blue2 ul.common{margin:0; padding-top:0; border:none}
.blue2 ul.common li{height:25px; line-height:25px; overflow:hidden}
.blue2 ul.common li a{color:#393838; font-size:14px; float:left}
.blue2 ul.common li a:hover{color:#ff5b00}
.blue2 ul.common li a img{padding:1px; border:1px solid #d8d8d8; margin-right:10px; *vertical-align:middle}
.blue2 ul.common li a img:hover{border-color:#86cdc2;}
.blue2 ul.common li a.forumTitle{width:215px; height:26px; overflow:hidden }

/* left fifth module */
.big{border:1px solid #b7dd93}
.big .title{height:42px; margin:1px 1px 0; border-bottom:1px solid #e0e0e0; background:url(../images/bgTgreen2.jpg) no-repeat}
.big .title h2{height:42px; line-height:42px}
.big .title .more{height:42px; line-height:42px; color:#3f8401}
.big .title .more a{height:42px; line-height:42px; color:#3f8401; display:inline-block; *display:inline; zoom:1;}
.big .title .more a:hover{color:#ff5b00; text-decoration:none}
.big .title .more a.fb{background:url(../images/outlinkicon.gif) no-repeat center center}
.big .blockContent .brief{padding:12px 10px; clear:both}
.big .blockContent .brief img.left{margin-right:20px}
.big .blockContent .brief .txt{float:left; width:505px}
.big .blockContent .brief h5{margin-bottom:6px; width:395px; overflow:hidden; white-space:nowrap}
.big .blockContent .brief .right{display:block; width:81px; height:28px; margin-top:20px; line-height:28px; text-align:center; color:#335d0b; background:url(../images/button_toFriend.jpg)}
.big .blockContent .brief .right:hover{color:#fff; text-decoration:none}

/* right fifth module */
.mediaIndex{border-top:1px solid #a8d5ec;  border-bottom:1px solid #a8d5ec; background:url(../images/bgmedia.jpg) repeat-y center}
.mediaIndex .box{padding:0 14px; margin-top:1px}
.mediaIndex .box .title{height:42px; border-bottom:1px solid #e0e0e0; background:url(../images/bgTblue2.jpg) no-repeat}
.mediaIndex .title h2{height:42px; line-height:42px; padding-left:10px}
.mediaIndex .title .more{height:42px; line-height:42px; color:#0d86d6; padding-right:8px}
.mediaIndex .title .more a{height:42px; line-height:42px; color:#0d86d6}
.mediaIndex .title .more a:hover{color:#ff5b00; text-decoration:none}

.picMedia li{float:left; line-height:0; margin:6px; *margin:3px}
.picMedia li img{border:1px solid #ddd; padding:1px}
.picMedia li img:hover{border-color:#aecf00}

/* brand */
.brand{clear:both;  height:100px; padding-top:0; padding-bottom:0}
.brand .brandL{float:left; width:39px;  margin-left:16px; *margin-left:8px}
.brand .brandM{float:left; width:878px; height:86px; padding-top:13px; border-top:1px solid #ffd6c0; border-bottom:1px solid #ffd6c0; background-color:#fbfbfb}
.brand .brandR{float:left; width:7px; height:100px; background:url(../images/rconner1.jpg)}

.Hscroll{position:relative; width:852px; margin:0 auto}
.Hscroll img.scrollL{position:absolute; top:20px; right:0px}
.Hscroll img.scrollR{position:absolute; top:20px; left:0px}
.tbmq{width:1671px; height:73px; overflow:hidden}
.tbmq div{float:left}
.tbmq img{float:left; margin-right:40px}

/* zlPartner */
.zlPartner{clear:both;  height:76px; padding-top:5px; padding-bottom:0}
.zlPartner .zlPartnerL{float:left; width:39px;  margin-left:16px; *margin-left:8px}
.zlPartner .zlPartnerM{float:left; width:878px; height:76px;  background:#fbfbfb url(../images/bookmark_brand2M.gif) repeat-x}
.zlPartner .zlPartnerM img{margin:23px 3px 0 15px; border:1px solid #ddd}
.zlPartner .zlPartnerR{float:left; width:7px; height:76px; background:url(../images/rconner2.jpg)}

.hzPartner .zlPartnerM {height:62px; width:863px; padding:9px 0 5px 15px}
.hzPartner .zlPartnerM a{padding-right:10px; line-height:21px; color:#7d7d7d}
.hzPartner .zlPartnerM a:hover{color:#ff5b00}

/* add 8.20 by wzj */
h5.headline{width:250px}
h5.headline a{font-size:14px; font-weight:bold; color:#ff5b00}


/* a */
.controlA{ width:254px}
.controlA a{ display:block; height:25px; line-height:25px; font-size:14px; white-space:nowrap; overflow:hidden; padding-left:15px; background:url(../images/dotarrow2.gif) no-repeat scroll left center transparent}

/* add by wzj at 01/27/2011 */
/*
body{background:#fff url(../images/newyear.jpg) no-repeat center top}
.container{background-image:url(../images/bgWrap.png); background-repeat:repeat-y; _background-image:url(../images/bgWrap.gif);}
.wrapnav{background:url(../images/nav_split2.jpg) no-repeat}
.wrapcantact{background:url(../images/bgLogin2.jpg) no-repeat}
.wrapper{margin-top:10px}
.logo{margin-top:22px}
.menuoutlink{position:relative; top:-10px; text-align:right; color:#fea01b}
.menuoutlink a{color:#fea01b !important}
*/
.header {margin-top:10px}
.logo{margin-top:22px}
.menuoutlink{position:relative; top:-10px; text-align:right; color:#fea01b}
.menuoutlink a{color:#fea01b !important}