/************************************************
Author: chinasspp.com, Leanne.Liu
*************************************************/

@import url('public.css');

body { -moz-user-select: none; }

.adv_r { position: fixed; z-index: 800; top: 0px; right: 0; margin-top: 147px; margin-right: 10px; width: 100px; overflow: hidden; }
.adv_r { display: block; margin-bottom: 5px; }
.adv_r a img { width: 100px; }
* html .adv_r { position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop)); }
/*.adv_r2 { display: none; }*/
.adv_r2 { position: fixed; z-index: 800; top: 0px; right: 0; margin-top: 147px; margin-right: 10px; width: 100px; overflow: hidden; }
.adv_r2 { display: block; margin-bottom: 5px; }
.adv_r2 a img { width: 100px; }
* html .adv_r2 { position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop)); }

/*
* html { background-image: url(about:blank); background-attachment: fixed; }
*/

.more { margin: 20px auto; padding: 5px 10px; width: 978px; border: 1px solid #E6E6E6; text-align: center; }
.more span { float: left; display: inline-block; }
.more span a { display: inline-block; padding: 0 20px; background: url(../images/icon.gif) left -125px no-repeat; }
.more span.r { float: right; }
.more span.r a { background: url(../images/icon.gif) right -125px no-repeat; }

.banner { margin: 0 auto; width: 1000px; overflow: hidden; }
.banner ul { float: left; display: block; margin-left: 0; overflow: hidden; }
.banner li { float: left; display: block; width: 1000px; text-align: center; overflow: hidden; }
.banner img { width: 1000px; }
.banner p { clear: both; position: relative; top: -35px; margin: 0 0 -35px; padding: 5px; text-align: right; }
.banner p span { display: inline-block; margin: 0 5px; width: 12px; height: 12px; line-height: 50px; background-color: #555; border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; cursor: pointer; }
.banner p span:hover, .banner p span.current { background-color: #977746; }

#t_banner { width: 100%; background-color: #F3F3F3; }

.s_menu { float: left; margin-bottom: 20px; width: 1000px; background-color: #FFF; border-bottom: 3px solid #977746; }
.s_menu li { float: left; display: inline-block; padding: 0 15px; line-height: 50px; color: #000; font-size: 16px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; cursor: pointer; }
.s_menu li.current { background: url(../images/icon.gif) center bottom no-repeat; color: #977746; font-weight: bold; }
.s_menu li.va { float: right; }
.s_menu li a { display: block; color: #000; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
.s_menu li:hover, .s_menu li a:hover { color: #977746; }

#container .fix { position: fixed; z-index: 100; top: 0; background-color: #F3F3F3; }
* html #container .fix { position: absolute; top: expression(eval(document.documentElement.scrollTop)); }
/*
* html { background-image: url(about:blank); background-attachment: fixed; }
*/

/* LEFT */
#container .l { float: left; width: 295px; overflow: hidden; }
#container .l .t { margin-bottom: 0; line-height: 30px; color: #000; font-size: 14px; font-weight: bold; }
#container .l .t a { float: right; font-weight: normal; }

.bdsharebuttonbox { display: inline-block; margin-top: 10px; margin-bottom: 0; width: 100%; }
.bdsharebuttonbox span { float: left; line-height: 35px; }

#container .l_info, #container .l_store, #container .l_daili, #container .l_brands { float: left; margin-bottom: 20px; padding: 20px; width: 253px; background-color: #FFF; border: 1px solid #E6E6E6; }

#container .l_info .t { margin-top: 15px; padding-top: 15px; border-top: 1px dashed #999; }
#container .l_info .logo { display: block; margin: 0 auto; width: 150px; height: 100px; border: 1px solid #BCBCBC; text-align: center; overflow: hidden; }
#container .l_info .logo img, #container .l_info .logo span { display: inline-block; height: 100px; }
#container .l_info .logo span { padding: 0 5px; width: 140px; line-height: 100px; color: #666; font-size: 16px; font-family: "΢ÈíÑźÚ"; text-align: center; overflow: hidden; }
#container .l_info strong { display: block; margin: 5px 0; line-height: 30px; color: #000; font-size: 16px; text-align: center; }
#container .l_info .btn { display: inline-block; margin: 10px 0; }
#container .l_info .btn li { float: left; display: inline; margin: 0 2px; width: 80px; background-color: #555; color: #FFF; text-align: center; cursor: pointer; }
#container .l_info .btn li:hover { background-color: #000; }
#container .l_info .tags { line-height: 35px; }
#container .l_info .tags span { float: left; }
#container .l_info .tags a { margin-right: 10px; color: #2580FF; }
#container .l_info .tags a:hover { text-decoration: underline; }
#container .l_info .link li { float: left; display: block; width: 253px; line-height: 30px; color: #000; }
#container .l_info .link li a { color: #000; }
#container .l_info .link li span { float: left; color: #999; }
#container .l_info .link li img { margin: 7px 0; }
#container .eb_prompt { margin-bottom: 0; padding: 0 5px; line-height: 23px; background-color: #FFEAEA; border: 1px solid #FFC0C6; border-radius: 3px; -moz-border-radius: 3px; color: #C62C39; text-align: center; }
#container .eb_prompt span { float: right; position: relative; display: block; top: -12px; left: -50px; margin-bottom: -12px; margin-right: -12px; width: 12px; height: 12px; background: url(../images/icon.gif) -165px -105px no-repeat; overflow: hidden; }
#container .eb_hot { display: block; position: absolute; margin: -25px 0 0 -25px; width: 71px; height: 71px; background: url(../images/icon.png) left -78px no-repeat; text-indent: -1000px; overflow: hidden; }
* html #container .eb_hot { behavior: url("/htc/iepngfix.htc"); margin-left: -75px; }
* +html #container .eb_hot { margin-left: -75px; }

#container .l_store form { margin: 15px 0; }
#container .l_store form select { float: left; padding: 2px; height: 25px; line-height: 25px; border: 1px solid #BCBCBC; outline: none; }
#container .l_store form input { margin-left: 5px; padding: 0 10px; height: 25px; line-height: 25px; background-color: #EAEAEA; border: none; font-size: 14px; cursor: pointer; }
#container .l_store form input:hover { background-color: #BCBCBC; }
#container .l_store #d_map { display: block; width: 253px; height: 253px; overflow: hidden; }
#container .l_store dt { margin: 10px 0 5px; font-size: 14px; cursor: pointer; }
#container .l_store dt a { margin-right: 5px; }
#container .l_store dt a:hover { color: #977746; }
#container .l_store dd { padding: 0 10px; color: #999; }

#container .l_daili li { display: block; list-style: none; width: 100%; height: 35px; line-height: 35px; border-bottom: 1px dashed #999; overflow: hidden; }
#container .l_daili li.last { border-bottom: none; }
#container .l_daili li a span { margin-right: 5px; color: #2580FF; }
#container .l_daili li a span:before { content: "["; }
#container .l_daili li a span:after { content: "]"; }
#container .l_daili li a:hover span { color: #2580FF; }

#container .l_order { margin-bottom: 20px; }
#container .l_order .t { padding-bottom: 10px; }
#container .l_order a { display: block; width: 295px; height: 147px; line-height: 25px; font-size: 14px; overflow: hidden; }
#container .l_order a img { margin-bottom: 5px; height: 120px; border: 1px solid #E6E6E6; }
#container .l_order a:hover img { border: 1px solid #977746; }
#container .l_order span { display: block; width: 100%; margin-bottom: 15px; padding-bottom: 15px; padding-top: 10px; line-height: 22px; border-bottom: 1px dashed #E6E6E6; color: #999; }
#container .l_order span.last { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
#container .l_order span i { color: #666; }

#container .l_brands li { display: block; list-style: none; line-height: 30px; height: 30px; background: url(../images/icon.gif) -225px -101px no-repeat; text-indent: 18px; overflow: hidden; }
#container .l_brands li a:hover { font-weight: bold; }

/* RIGHT */
#container h2 { float: left; display: block; position: relative; top: -21px; margin: 0 0 -21px; padding: 0 10px; width: 650px; line-height: 40px; color: #000; }
#container h2 strong, #container h2 a { display: inline-block; padding: 0 10px; background-color: #FFF; }
#container h2 strong { font-size: 18px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
#container h2 a { float: right; font-size: 16px; font-weight: normal; }

#container .r { float: right; margin: 20px 0; width: 668px; border: 1px solid #E6E6E6; }

#container .banner { float: right; margin-bottom: 20px; width: 670px; }
#container .banner li { width: 670px; }
#container .banner img { width: 670px; }

#container .r_about .about { float: left; margin: 10px 0 20px; padding: 0 20px; width: 628px; line-height: 25px; overflow: hidden; }
#container .r_about .about p { margin-bottom: 0; }
#container .r_about .r_more { float: right; margin: 0 20px 20px; color: #2580FF; cursor: pointer; }

#container .r_news ul { float: left; padding: 0 20px; }
#container .r_news li { float: left; display: block; padding: 20px 0; width: 100%; line-height: 25px; border-bottom: 1px solid #EAEAEA; color: #999; }
#container .r_news li.last { border-bottom: none; }
#container .r_news li a.name { font-size: 16px; font-weight: bold; }
#container .r_news li .tags { display: block; }
#container .r_news li .tags a { margin: 0 5px; color: #2580FF; }
#container .r_news li .tags a:hover { text-decoration: underline; }
#container .r_news li a.img { float: left; display: block; margin-right: 30px; width: 135px; height: 100px; text-align: center; overflow: hidden; }
#container .r_news li a.img img { height: 100px; }

#container .r_goods ul { float: left; padding: 10px 0; }
#container .r_goods li { float: left; display: inline; margin: 10px 20px; width: 182px; height: 212px; line-height: 30px; text-align: center; overflow: hidden; }
#container .r_goods li span { display: block; width: 180px; height: 180px; border: 1px solid #EAEAEA; text-align: center; overflow: hidden; }
#container .r_goods li img { height: 180px; }

#container .r_photo ul { float: left; padding: 20px 0; width: 668px; overflow: hidden; }
#container .r_photo li { float: left; display: inline-block; padding-left: 20px; }
#container .r_photo li a { display: block; padding: 25px 4px 14px; width: 132px; border: 1px solid #EAEAEA; color: #999; overflow: hidden; }
#container .r_photo li a:hover { color: #977746; border: 1px solid #977746; }
#container .r_photo li a .img { display: block; width: 132px; height: 89px; overflow: hidden; }
#container .r_photo li a .img img { float: left; width: 132px; }
#container .r_photo li a b { display: block; padding-top: 10px; width: 100%; height: 40px; line-height: 20px; text-align: center; font-weight: normal; overflow: hidden; }

#container .r_trade ul { float: left; padding: 0 20px; width: 628px; }
#container .r_trade li { display: block; list-style: none; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #EAEAEA; font-size: 14px; overflow: hidden; }
#container .r_trade li.last { border-bottom: none; }
#container .r_trade li a span { margin-right: 5px; color: #2580FF; }

#container .r_msg { float: right; margin: 20px 0; width: 670px; border-top: 1px solid #E6E6E6; }
#container .r_msg h2 { margin-bottom: -11px; }
#msg .t { border-bottom: 1px solid #E6E6E6; }
#msg .t span i:hover, #msg .t span i.current { color: #2580FF; }
#msg li div { width: 590px; }
#msg li div .p1 { color: #2580FF; }
#msg li div .p1 span { width: 190px; }
#msg li div .p2 { color: #666; }
#f_msg { padding: 0 20px; }
#f_msg form textarea { width: 608px; }

/* MSG, FLY */
#msg_fly { display: block; position: fixed; bottom: 0; z-index: 1000; width: 100%; }
#msg_fly .bg { display: block; width: 100%; height: 55px; background-color: #000; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }
#msg_fly .inner { display: block; position: relative; top: -55px; margin: 0 auto -55px; padding-left: 5px; width: 995px; height: 55px; line-height: 55px; text-align: right; overflow: hidden; }
#msg_fly .inner .close { float: right; display: block; margin-top: 18px; margin-left: 20px; height: 25px; line-height: 25px; color: #FFF; font-size: 28px; cursor: pointer; }
#msg_fly .inner .close:hover { color: #B38F5D; }
#msg_fly .inner b { color: #B38F5D; font-size: 22px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-weight: normal; }
#msg_fly .inner i { display: inline-block; margin-left: 10px; width: 90px; height: 30px; line-height: 30px; background-color: #3B75C6; border: none; border-radius: 3px; -moz-border-radius: 3px; color: #FFF; font-size: 16px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; text-align: center; cursor: pointer; }
#msg_fly .inner i:hover { background-color: #598DE2; }
#msg_fly .inner .report { float: left; display: block; width: 440px; color: #FFF; font-size: 16px; text-align: left; overflow: hidden; }
#msg_fly .inner .report li { float: left; display: block; }
#msg_fly .inner .report a { margin: 0 2px; color: #2580FF; }
* html #msg_fly { position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
/*
* html { background-image: url(about:blank); background-attachment: fixed; }
*/