@charset "utf-8";
/* CSS Document designed by Vinaro Cheung 2009-02-06 */
#container { width:950px; margin:0 auto; }
#container .bg { width:950px; float:left; background: url(../images/fans/bg.gif) repeat-y 0 0 #ffffff; }
#container .innbg { width:950px; float:left; background:url(../images/fans/header.gif) no-repeat 0 0; padding-top:19px; }
#container .innbg2 { width:950px; float:left; background:url(../images/showpic/header.gif) no-repeat 0 0; padding-top:19px; }
#container .innbg3 { background:url(../images/mall/fans.gif) #ffffff no-repeat 0 0; padding-top:23px; }

#subnav { background:url(../images/fans/navbg.gif); }

a.yellow { color:#ff6600; }
a.yellow:hover { color:#000000; }

.left { width:650px; float:left; background:url(../images/fans/line.gif) no-repeat 655px bottom; padding-left:10px; }
.left h2 { width:636px; height:35px; display:block; clear:both; background:url(../images/fans/right.gif) #ebebeb no-repeat right top; font-family:"黑体"; font-size:16px; line-height:35px; font-weight:normal; margin-top:5px; }
.left h2 span { display:block; background:url(../images/fans/left.gif) no-repeat 0 0; padding-left:18px; }
.left h2 span strong { font-family:Arial, Helvetica, "黑体", "宋体", sans-serif; }
.left h3 { width:619px; height:29px; display:block; clear:both; background:url(../images/list/center.gif); font-weight:normal; line-height:28px; margin-left:8px; }
.left h3 span { width:50px; height:29px; font-size:12px; display:block; float:left; background:url(../images/list/left.gif) no-repeat left top; padding-left:10px; }
.left h3 a { float:left; margin-right:18px; padding:0px 8px; }
.left h3 a.more { float:right; margin-right:0px; background:url(../images/list/right.gif) no-repeat right top; line-height:29px; padding-right:10px; }
.left h3 a.curr { background:url(../images/list/curr.gif) no-repeat center top; color:#ff6600; }
.left .fanslist { width:636px; float:left; overflow:hidden; padding-left:8px; padding-top:16px; }
.left .fanslist li { width:111px; height:134px; display:block; float:left; overflow:hidden; background:url(../images/fans/out.gif); text-align:center; padding-top:11px; margin-right:16px; margin-bottom:14px; }
.left .fanslist li:hover { background:url(../images/fans/out_o.gif); }
.left .fanslist li .img { width:75px; height:75px; clear:both; border:4px #dedede solid; padding:1px; background:#ffffff; }
.left .fanslist li span { display:block; clear:both; padding:8px 0px 3px; width:75px; height:16px; overflow:hidden; margin:0 auto; }
.left .page { height:40px; display:block; text-align:center; clear:both; padding:60px 0px 30px; }
.left .page li { display:inline; margin-right:5px; text-align:center; }
.left .page a { padding:5px; line-height:18px; color:#707070; text-align:center; background:#f4f4f4; }
.left .page a:hover, .left .page a.curr { color:#28c3ef; }

.left .shoplist { width:620px; float:left; overflow:hidden; padding-left:8px; padding-top:16px; }
.left .shoplist dl { width:620px; height:138px; display:block; clear:both; padding:13px 0px; background:url(../images/reg/line.gif) repeat-x left bottom; }
.left .shoplist dd { width:175px; height:130px; float:left; padding:1px; border:3px #dddddd solid; }
.left .shoplist dt { width:400px; float:left; padding-left:20px; }
.left .shoplist dt span { width:400px; float:left; display:block; clear:both; padding:5px 0px; }
.left .shoplist dt strong { color:#ff6600; }
.left .shoplist dt a.title { font-size:14px; margin-bottom:10px; font-weight:bold; line-height:30px; }
.left .shoplist dt a.showmap { width:75px; height:20px; display:block; background:url(../images/list/showmap.gif); float:left; line-height:20px; color:#ffffff; margin-left:10px; text-align:center; }
.left .shoplist dt a.showmap:hover { background:url(../images/list/showmap_o.gif); }
.left .shoplist dt big { float:left; font-size:12px; line-height:20px; }
.s { background:url(../images/list/bottom_0.gif) no-repeat left bottom; }

.left .piclist { width:620px; float:left; overflow:hidden; padding-left:8px; padding-top:16px; }
.left .piclist ul { width:680px; float:left; }
.left .piclist li { width:175px; height:207px; background:url(../images/list/piclist.gif); border:1px #aeaeae solid; padding:10px; float:left; display:block; margin-right:12px; margin-bottom:30px; }
.left .piclist li div { width:173px; height:173px; border:1px #000000 solid; background:#808080; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden; }
.left .piclist li img { *margin-top: expression(( 173 - this.height ) / 2); border:0; }
.left .piclist li span { display:block; width:173px; text-align:center; padding-top:10px; font-size:14px; }
.left .piclist li span a { font-size:14px; }


.left .stroys { width:620px; float:left; overflow:hidden; padding-left:8px; padding-top:16px; clear:both; line-height:28px; padding-bottom:50px; }
.left .showpic { width:636px; float:left; margin-top:16px; overflow:hidden; background:url(../images/showpic/bg.gif); }
.left .showpic h1 { width:636px; height:20px; display:block; clear:both; font-family:"黑体"; font-size:20px; font-weight:normal; text-align:center; padding:17px 0px; }
.left .showpic .topage { width:636px; text-align:right; float:left; clear:both; padding-bottom:10px; }
.left .showpic .topage a { width:45px; height:18px; display:block; float:right; background:url(../images/showpic/fix.gif); margin-right:15px; text-align:center; color:#ffffff; line-height:18px; }
.left .showpic .topage a:hover { background:url(../images/showpic/fix_o.gif); }
.left .showpic .bigimg { width:553px; clear:both; float:left; border:1px #a6a6a6 solid; padding:25px; _padding:25px 5px; background:#f4f4f4; text-align:center; margin-left:16px; overflow:hidden; }
.left .showpic .subpage { width:636px; float:left; clear:both; text-align:center; padding:17px 0px; }
.left .showpic .subpage li { display:inline; }
.left .showpic .subpage li a { background:url(../images/showpic/right.gif) no-repeat right top; color:#ffffff; padding:3px 0px; *padding:0px 0px; }
.left .showpic .subpage li a:hover { color:#ff9933; }
.left .showpic .subpage li a span { background:url(../images/showpic/left.gif) no-repeat left top; padding:3px 8px; line-height:18px; }
.left .showpic .subpage li a.curr { background:url(../images/showpic/right_o.gif) no-repeat right top; font-weight:bold; }
.left .showpic .subpage li a.curr span { background:url(../images/showpic/left_o.gif) no-repeat left top; }

.left .correlation { width:636px; height:360px; overflow:hidden; margin:0 auto; clear:both; }
.left .correlation h4 { display:block; clear:both; height:45px; line-height:45px; font-size:14px; }
.piclistxo { width:680px; float:left; }
.piclistxo li { width:101px; height:119px; background:url(../images/showpic/bg.gif); border:1px #aeaeae solid; padding:5px; float:left; display:block; margin-right:12px; margin-bottom:15px; }
.piclistxo li div { width:99px; height:98px; border:1px #000000 solid; background:#808080; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden; }
.piclistxo li img { *margin-top: expression(( 98 - this.height ) / 2); border:0; }
.piclistxo li span { display:block; width:96px; text-align:center; padding-top:7px; overflow:hidden; white-space:nowrap; margin:0 auto; }

.right .piclistxo { width:275px; }
.right .piclistxo li { margin-left:8px; _margin-left:4px; }

#container .right { width:275px; float:right; padding-right:5px; overflow:hidden; }
.right .logo { width:264px; height:253px; overflow:hidden; margin-left:8px; background:url(../images/list/logobg.jpg) no-repeat 0 0; padding-bottom:20px; }
.right .logo .img { width:264px; height:172px; padding-top:15px; text-align:center; }
.right .logo .handle { width:264px; height:56px; overflow:hidden; background:url(../images/list/logobg.gif); clear:both; font-weight:bold; padding-top:10px; text-align:center; }
.right .logo a.name { width:115px; height:24px; background:url(../images/list/button_o.gif); display:block; float:left; text-align:center; line-height:24px; color:#ffffff; margin-left:15px; _margin-left:30px; }
.right .logo a.stroy { width:115px; height:24px; background:url(../images/list/button.gif); display:block; float:left; text-align:center; line-height:24px; color:#ffffff; margin-left:10px; }
.right .logo a:hover.stroy { background:url(../images/list/button_o.gif); }
.right .logo a.fans { line-height:30px; }
.right .logo a.comm { line-height:30px; margin-left:10px; }
.right .pannel { width:264px; float:left; clear:both; margin-left:8px; _margin-left:4px; }
.right .pannel h2 { width:254px; height:29px; background:url(../images/fans/rightnav.gif); display:block; clear:both; font-size:14px; line-height:29px; padding-left:10px; margin-bottom:15px; }
.right .blogo { width:284px; float:left; padding-left:2px; clear:both; display:block; }
.right .blogo li { width:84px; height:84px; border:1px #c0c0c0 solid; float:left; margin-right:1px; margin-bottom:10px; }
.right .more { width:264px; height:7px; display:block; clear:both; text-align:right; padding:10px 0px; }
.right .text { width:264px; float:left; line-height:25px; padding-top:10px; }
.right .text .new { background:url(../images/list/new.gif) no-repeat 233px center; }
.right .text a { color:#666666; }
.right .text a:hover { text-decoration:underline; }
.right .shop { width:260px; float:left; clear:both; display:block; padding-bottom:10px; }
.right .shop img { border:4px #dedede solid; }
.right .shop dd { width:125px; float:left; }
.right .shop dt { width:135px; float:left; line-height:23px; color:#666666; }
.right .shop dt span { display:block; clear:both; }
.right .shop dt strong { color:#ff6600; font-weight:normal; }

.right .pf { padding-bottom:10px; }
.right .pf dl { width:264px; height:36px; background:url(../images/list/line5.gif) repeat-x left bottom; line-height:36px; color:#666666; clear:both; }
.right .pf dl.nobg { background:none; }
.right .pf dt { font-weight:bold; width:75px; height:36px; float:left; color:#000000; }
.right .pf dl .star,.star1,.star2,.star3 { width:114px; float:left; cursor:pointer; }
.right .pf dl .star,.star1,.star2,.star3 img{ margin-top:0px; margin-right:5px; }

.right .shfan { width:284px; float:left; padding-left:4px; clear:both; display:block; }
.right .shfan img { border:3px #dddddd solid; padding:1px; width:64px; height:64px; background:#ffffff; }
.right .shfan li { width:72px; height:100px; overflow:hidden; float:left; margin-right:20px; }
.right .shfan span { width:72px; display:block; text-align:center; margin-top:8px; }

.brandmall { width:930px; float:left; clear:both; padding:0 10px; background:url(../images/mall/fans.gif) no-repeat 0 43px; overflow:hidden; }
.brandmall h2 { width:930px; height:35px; display:block; clear:both; background:url(../images/fans/right.gif) #ebebeb no-repeat right top; font-family:"黑体"; font-size:16px; line-height:35px; font-weight:normal; margin-top:5px; margin-bottom:33px; }
.brandmall h2 span { display:block; background:url(../images/fans/left.gif) no-repeat 0 0; padding-left:18px; }
.brandmall h2 span strong { font-family:Arial, Helvetica, "黑体", "宋体", sans-serif; }
.attribute { width:585px; float:left; overflow:hidden; }
.map { width:310px; height:243px; overflow:hidden; padding:1px; border:5px #dddddd solid; float:right; }
.pic { width:241px; height:182px; float:left; overflow:hidden; padding:1px; border:3px #dddddd solid; overflow:hidden; }
.detail { width:315px; float:left; padding-left:18px; _padding-left:14px; line-height:23px; }
.detail h1 { display:block; height:30px; line-height:30px; font-size:18px; font-weight:normal; font-family:"黑体"; }
.detail h1 strong { font-weight:normal; color:#ff6600; }
.detail span { display:block; height:35px; line-height:35px; background:url(../images/reg/line.gif) repeat-x left bottom; }
.detail p { width:315px; height:26px; overflow:hidden; margin:0; padding-top:8px; display:block; clear:both; }
.detail p a { display:block; background-repeat:no-repeat; float:left; text-align:center; height:26px; line-height:26px; font-weight:bold; color:#000000; margin-right:20px; overflow:hidden; }
.detail p a.b1 { background:url(../images/mall/b1.gif); width:71px; }
.detail p a:hover.b1 { background:url(../images/mall/b2.gif); }
.detail p a.b2 { background:url(../images/mall/b3.gif); width:71px; }
.detail p a:hover.b2 { background:url(../images/mall/b4.gif); }
.detail p a.b3 { background:url(../images/mall/b5.gif); width:100px; }
.detail p a:hover.b3 { background:url(../images/mall/b6.gif); }

.intro { width:585px; height:120px;float:left; clear:both; padding-top:10px; line-height:24px; color:#666666; }
.intro strong { font-size:14px; display:block; color:#ff6600; }

.content { width:950px; float:left; clear:both; background:url(../images/mall/fans.gif) no-repeat 0 -12px; padding-top:10px; }
.content .left { background:none; }
.content .left .span { width:625px; display:block; height:35px; line-height:35px; background:url(../images/reg/line.gif) repeat-x left bottom; clear:both; margin-left:5px; padding-top:10px; margin-bottom:10px; }
.content .left .span a.b3 { background:url(../images/mall/b5.gif); width:100px; height:26px; display:block; line-height:26px; text-align:center; color:#ffffff; font-weight:bold; }
.content .left .span a:hover.b3 { background:url(../images/mall/b6.gif); }
.content .left dl { width:625px; display:block; float:left; clear:both; margin-left:5px; line-height:20px; color:#666666; padding:3px 0px; }
.content .left dt { width:330px; float:left; }
.content .left dt a { color:#666666; }
.content .left dt a:hover { color:#000000; }
.content .left dd { float:left; display:block; }
.content .left dd.w1 { width:110px; text-align:center; }
.content .left dd.w2 { width:100px; text-align:right; }
.content .left .h { width:625px; background:url(../images/reg/line.gif) repeat-x left 20px; margin-left:5px; }

.content .right .b4 { width:248px; height:139px; overflow:hidden; border:6px #e4e4e4 solid; margin-bottom:10px; margin-left:10px; }

.listnews { width:620px; float:left; clear:both; padding-left:5px; overflow:hidden; }
.listnews .contentz { width:620px; float:left; clear:both; border-bottom:3px #e6e6e6 solid; line-height:22px; padding-top:30px; }
.listnews .contentz p { margin:0px; width:620px; float:left; clear:both; }
.listnews .contentz p img { border:4px #d9d9d9 solid; }
.listnews .contentz p img.iconc { border:0px; float:left; }
.listnews .contentz p .h2 { width:545px; display:block; float:left; font-family:"黑体"; font-size:18px; color:#ff6600; margin-bottom:3px; }
.listnews .contentz p .h2:hover { text-decoration:underline; }

.listnews .contentz .attr { width:620px; height:31px; clear:both; padding-top:20px; }
.listnews .contentz .attr .more { width:67px; height:22px; display:block; float:left; background:url(../images/news/more.gif); font-weight:bold; color:#ffffff; line-height:22px; padding-left:10px; margin-right:20px; }
.listnews .contentz .attr .more:hover { background:url(../images/news/more_o.gif); }
.listnews .contentz .attr .comm { width:90px; height:22px; display:block; float:left; background:url(../images/news/icon_comm.gif) no-repeat left center; padding-left:20px; color:#666666; }
.listnews .contentz .attr .comm:hover { text-decoration:underline; }
.listnews .contentz .attr span { color:#666666; }
.listnews .page { clear:both; }

.keyword { width:275px; float:left; clear:both; line-height:30px; }
#container .right .keyword a { color:#444444; }
#container .right .keyword a:hover { text-decoration:underline; }
#container .right .b5 { width:248px; height:139px; overflow:hidden; border:6px #e4e4e4 solid; margin-bottom:10px; }
#container .right .aa li { height:20px; padding-top:2px; background:url(../images/news/drop_b.gif) no-repeat left 6px; padding-left:10px; }
#container .right .bb { padding-bottom:10px; }
#container .right .bb li { height:20px; padding-top:2px; }
#container .right .bb a { color:#444444; }
#container .right .bb a:hover { color:#ff6600; }

#tp { position:relative; }
#tp .alt { width:42px; height:20px; line-height:18px; position:absolute; background:url(../images/alt.gif); padding-left:10px; left:80px; top:30px; display:none;  }
.tpruslt { width:264px; height:194px; z-index:10; position:absolute; display:none; background:url(../images/tbg.png); left:0px; top:65px; }
.tpruslt h3 { width:240px; height:25px; display:block; position:absolute; z-index:6; background:url(../images/line_d.gif) repeat-x left bottom; font-size:14px; font-weight:normal; color:#229519; text-align:center; left:12px; padding-top:15px; }
.tpruslt ul { width:240px; float:left; display:block; position:absolute; z-index:6; top:50px; left:12px; }
.tpruslt li { height:25px; display:block; }
.tpruslt li span { display:block; float:left; }
.tpruslt li .t1 { width:42px; text-align:center; }
.tpruslt li .t2 { height:10px; background:url(../images/ruslt.gif) repeat-x; border:1px #dea303 solid; overflow:hidden; }
.tpruslt li .t3 { width:72px; }
.tpruslt li strong { font-weight:normal; color:#fc6208; }
.closed { cursor:pointer; }

.right #tp { padding-bottom:10px; }
.right #tp dl { width:264px; height:36px; background:url(../images/list/line5.gif) repeat-x left bottom; line-height:36px; color:#666666; clear:both; }
.right #tp dl.nobg { background:none; }
.right #tp dt { font-weight:bold; width:75px; height:36px; float:left; color:#000000; }
.right #tp dl .star { width:114px; float:left; }
.right #tp dl .star img { margin-top:0px; margin-right:0px; }