@import url("base.css");

body{ background:#111; color:#A6A692; width:100%; height:100%;}

a{ color:#A6A692;}
a.cu,
a:hover{ color:#fff; background-color:#9C0001;}
img{ border:1px solid #444;}
hr{ clear:both; visibility:hidden;}
button{ border:0px; background:#9C0001; color:#CDCDC5; padding:0 4px; font-size:12px; height:20px;cursor:pointer; vertical-align:middle;}
.skbtn2{border:0px; background:#9C0001; color:#CDCDC5;font-size:12px; height:25px; line-height:25px; width:60px; text-align:center; cursor:pointer;}
.inptext{ border:1px solid #444; background:#fff; color:#333; font-size:12px; height:18px; line-height:18px;}
.fwn{ font-weight:normal;}
.perName .cfff{ color:#fff;}

#mainpanel{float:left;width:520px;padding:10px 10px 10px 25px;}
.newsview #mainpanel{width: 620px;}
#sidepanel{float:right;width:400px;padding:10px;}
.newsview #mainpanel,
.atriview #mainpanel{width: 620px;}
.thematic #mainpanel{width: 690px; padding:10px 40px 10px 25px;}
.newsview #sidepanel,
.atriview #sidepanel{width:300px;}
.thematic #sidepanel{width:220px;}

.contentinfo{ padding:5px 55px 25px 55px; color:#8C8C8C;}

#footer{ clear:both;border-top:5px solid #1B1B1B; background-color:#000; padding-bottom:35px;}
#footer img{ border:0;}
#footer .lnks{ padding:5px;}

#navbar{ border-width:1px 0 0px 0; border-color:#444; border-style:solid; height: 25px; padding: 4px 0; background-color:#000;}
#navbar ul{ padding-left:15px; list-style:none; font-family:"ËÎÌå";}
#navbar ul .fwn{ font-weight:normal;}
#navbar li{float:left;height:24px; width:162px; text-align:center; border-right:1px solid #fff;}
#navbar li.noborder{ border-right:none; text-align:left; text-indent:5px;}
#navbar li a{ color:#fff; display:block;padding:0 6px; height:100%; line-height:24px; font-size:14px; text-decoration:none;}
#navbar li span.fs12{ font-size:12px;}
#navbar li a:hover,#navbar li.seled a{ background:#9C0001; color:#fff;}


.lang a{text-decoration:none;color:#A40106;font-size:12px;}
.lang a:hover{color:#fff;}
.lang li.seled a{color:#A4A691;}


#details h3{ font-size:16px; font-weight:normal; color:#fff; margin: 12px 0;}
#details p{ line-height: 160%; margin: .5em 0;}

#sidepanel ul{ list-style:none;}
#sidepanel li{ margin: 4px 0; padding-left: 18px; background:url(dot.png) no-repeat left center;}
#sidepanel h3{ color:#fff; font-size:16px; font-weight:normal;margin: 8px 12px;}
.topic{ background:#202020; border:1px solid #444;}
.showall{}
.showall a{ display:block; border:1px solid #666; height:78px;width:78px; line-height:78px}
.showall a:hover{border:1px solid #999; background:#666; color:#fff;}

#timelist{ width:157px;float:left; border-right:1px solid #1C1C1C; padding-top:20px; text-align:center; font-size:16px; font-weight:bold; line-height:25px;}
#timelist h3{ font-size:16px; background:url(bg_side.gif) no-repeat bottom; padding-bottom:5px;}
#timelist ul{ list-style:none;}
#timelist a{ text-decoration:none; padding:1px 8px;}
#timelist .current{padding:1px 8px;color:#fff; background-color:#9C0001;}

.album-list .item a{background:url(bg_album.gif) no-repeat top center; display:block; width:168px; cursor:pointer; text-decoration:none; padding:2px 8px 12px 8px;}
.album-list .item a:hover{ background:none; display:block; padding:2px 8px 12px 8px; text-decoration:none;background:url(bg_albumh.gif) no-repeat top center;}
.album-list .item a:hover dt{ color:#fff;}
.album-list .item dt{ height:26px; line-height:26px; color:#ccc;}
.album-list .item dt strong{color:#fff; font-size:14px; text-indent:3px;}

.keyword{ background:url(bg_text.jpg) repeat-x; height:16px; line-height:16px; border:1px solid #363636; color:#fff; margin-right:10px;}
.keyword-cu{ height:24px; line-height:24px; background:#f5f5f5; border:1px solid #333; margin-right:5px; padding: 0 5px; width:150px; vertical-align:middle;}


.home{font-family:"ËÎÌå"; width:100%; background:url(bg_home.gif) repeat-x; padding:17px 0 10px 0; font-size:12px;}
.home #wrapper{width:881px; background:none; margin:0 auto;}
.home #innerwrap{width:881px; overflow:hidden;background:url(bg_header_home.jpg) no-repeat;}
.home #header{background:none; height:103px; padding:12px 9px 0 11px;}
.home .headbox{height:202px;}
.home #header .logo h1{background:url(logo_home.jpg) no-repeat; height:89px;font-size:0px; line-height:0px; overflow:hidden; text-indent:0px;}
.home #header .logo h1 a{ display:block; width:365px; height:60px; margin-top:29px; margin-left:35px;}
.home #header .logo h1 a:hover{ background:none;}
.home #navbar{background:none; padding:0 9px 0 11px; border:none;margin:0 auto;}
.home #navbar li.w115{width:115px;}
.home #navbar li.w120{width:120px;}

.home .flashbox{padding:0 9px 0 11px; width:860px;height:204px; overflow:hidden; background:url(bg_flash_home.gif) repeat-x;}
.home .flashbox .inner{background:url(bg_qiang.jpg) repeat-x;height:174px; padding:30px 18px 0 18px;}
.home .flashbox .inner .flleft,
.home .flashbox .inner .flright{ float:left; width:18px; margin-top:50px;}
.home .flashbox .inner .flleft a,
.home .flashbox .inner .flright a{display:block; width:18px;line-height:120px; height:25px;}
.home .flashbox .inner .flleft a{background:url(ico_left.gif) no-repeat left center;}
.home .flashbox .inner .flright a{background:url(ico_right.gif) no-repeat right center; margin-left:9px;}
.home .flashbox .inner .flleft a:hover{ background:url(ico_left.gif) no-repeat left center;}
.home .flashbox .inner .flright a:hover{background:url(ico_right.gif) no-repeat right center;}
.home .flashbox .inner .flcontent ul{ display:inherit;}
.home .flashbox .inner .flcontent ul a{ line-height:30px; color:#fff; text-decoration:none;}
.home .flashbox .inner .flcontent ul a:hover{ background:none; color:#ccc; text-decoration:underline;}
.home .flashbox .inner .flcontent ul a img{ border:2px solid #fff;}
.home .flashbox .inner .flcontent ul a:hover img{ border:2px solid #ccc;}
.home .flashbox .inner ul li{ width:94px; float:left; text-align:center; list-style:none; margin:0 4px 0 13px;}
.home .flashbox img{border:0;}
.home .mainContent{background:url(bg_body_home.jpg) no-repeat; padding:0 9px 0 11px; height:379px;}
.home .fotocninfo{ padding:45px; color:#292929;}

.home #footer{ background:none; color:#666; border:0;}
.home #footer a{ color:#666;}
.home #footer a:hover{ color:#fff; background-color:#9C0001;}
.home #navbar { padding-top:5px;}
.home #navbar ul{ padding-left:0;}
.home #navbar li span.fs12{ font-size:12px;}
.home #navbar li a:hover,
.home #navbar li.seled a{ background:#6A382F url(bg_a_home.gif) repeat-x;; color:#fff;}

.home .lang{position:absolute; z-index:1; top:10px; right:20px; width: auto; }
.home .lang ul{width:auto; padding: 8px 0;}
.home .lang li{display:inline; padding:0 8px;}


.albumbox{background:url(bg_a.gif) no-repeat;width:134px; height:140px; line-height:140px; font-size:110px;text-align:center;display:table-cell; vertical-align:middle;}
.albumbox a{ background:none;}
.albumbox img{ vertical-align:middle;}
.art{ display:block; font-size:14px; color:#ccc; text-align:left; width:140px;}
.artnm{ display:block;text-align:left}
.album-item{ float:left; width:134px; padding-left:15px;}

.featuresmain-content{padding:20px 40px;}
.maincol1{ float:left;  width:260px; padding:0 40px 0 0}
.maincol1 .featuesimg{width:240px;border:1px solid #5B5B5B; margin-bottom:8px; text-align:center;}
.maincol1 .featuesimg img{ border:none;}
.maincol1 .tit{padding-bottom:8px; font-size:14px; color:#fff;}
.maincol1 .f14{ font-size:14px; color:#f5f5f5; padding-top:8px;}
.maincol2{ float:left; width:600px;}
.maincol2 ul,li{ margin:0; padding:0; list-style:none;}
.maincol2 li{ width:85px; height:85px; overflow:hidden; float:left; text-align:center;}
.maincol2 .pagelink{ width:auto;padding-top:20px;}

.salesNo{padding:0 10px 0 80px;}
.cart{}
.cart a{background:url(ico_03.gif) no-repeat 1px center;padding:13px 0 2px 30px;}
.cart a:hover{background:#9C0001 url(ico_03h.gif) no-repeat 1px center;
}
.art-tit{ padding-right:8px;}
.delete a{background:url(ico_04.gif) no-repeat 1px center;padding:13px 0 2px 30px;}
.delete a:hover{background:url(ico_04h.gif) no-repeat 1px center;padding:13px 0 2px 30px;}

.cartbox{ background:#D2D2D2; width:176px; z-index:1000; right:5px; bottom:10px; padding-bottom:8px; border:1px solid #333;
position:fixed!important;position:absolute;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/1.02 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);

}
.cartbox-head a{ color:#fff;}
.cartbox-head{ background:#000; padding-left:9px; height:28px; line-height:28px;}
.cartbox-body { padding:9px 0 0 9px}
.cartbox-body img{ float:left; margin-bottom:5px;margin-right:5px;}
.cartbox-body a{ float:left;}
.cartbox-body a:hover{ background:none;}
.cartbox-body .allink{display:block;height:60px;border:1px solid #666666;padding-top:15px;width:75px;background:#2A2A2A;color:#fff;text-align:center;} 
.cartbox-body .allink:hover{background:#666666;border:1px solid #999999;color:#FFFFFF;}

.cartbox-foot{ clear:both; padding-top:1px; padding-left:10px;}
.cartbox-foot a{ color:#000;}
.cartbox-foot a:hover{ color:#fff;}
.pl80{ margin-left:80px;}

.cartboxinfo{ background:#FF9000 url(ico_06.gif) no-repeat 26px 12px; color:#000; height:72px; padding:0 26px; position:relative; z-index:10;}
.cartboxinfo a{ color:#fff;}
.cartboxinfo-body{ padding:20px 0 0 40px;}
.cartboxinfo-body a{ margin-left:20px;}

.post{ position:absolute; z-index:12; right:108px; top:15px;}



.bg {background-color: #000;width: 100%;height: 100%;left:0;top:0;filter:alpha(opacity=40);opacity:0.4;z-index:1998; display:none;
position:fixed!important;position:absolute;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}

.dialogbox{ background:#000;width:507px; padding:0 3px 3px 3px; position:absolute; z-index:2000; left:50%; top:130px; margin-left:-250px;border:1px solid #222;}

.dialog-head{ height:32px; line-height:32px; text-align:center; color:#fff; background:#000;}
.dialog-body{ background:#fff; color:#000;}
.dialog-foot{ background:#fff; color:#000; clear:both; text-align:center; padding:12px 0;}
.dialogbox .sbminfo{ background:url(ico_05.gif) no-repeat 22px 12px; padding:20px 50px 0 70px;}
.dialogbox .sbminfo p{ padding-bottom:15px;}
.dialogbox .sbmlist li{clear:both;overflow:auto;padding:5px 0;}
.dialogbox .sbmlist span{ display:block;width:160px; float:left; text-align:right;}
.dialogbox .sbmlist .in_txt{border-color:#A0A0A0 #E3E3E3 #E3E3E3 #A0A0A0;border-style:solid;border-width:1px;
display:inline-block;float:left;}
.dialogbox .sbmlist .of{background:#FFFFFF;border-color:#696969 #FFFFFF #FFFFFF #696969;border-style:solid;border-width:1px;color:#333333;float:left;font-size:12px;height:17px;margin:0;padding:5px 2px 0;
width:170px;}
.dialogbox .sbmlist .w280{ width:280px;}
.dialogbox .sbmlist .ofarea{background:#FFFFFF;border-color:#696969 #FFFFFF #FFFFFF #696969;border-style:solid;border-width:1px;color:#333333;float:left;font-size:12px;height:70px;margin:0;padding:5px 2px 0;
width:280px;}
.dialogbox .sbmlist strong{ font-weight:normal; margin-left:5px;}
.dialogbox .sbmlist .w85{ width:85px;}
.dialogbox .sbmlist p{ padding-left:160px;}
.dialogbox a{ color:#333;}
.dialog-foot a{ margin-left:26px;}
.sbmok{ padding:62px; text-align:left; font-size:16px;}
.dialogbox .btn{ padding:2px 10px; font-size:16px;}
.dialogbox .pb50{ padding-bottom:50px;}