﻿/*列表页-独立左右分列布局(非要时使用)*/
.display_area{background:#FFFFFF url(../images/mbg.jpg) no-repeat 0 0;width:930px;padding:30px 15px 0 15px;}
.display_l{width:185px;overflow:hidden;float:left;}
.display_r{width:735px;overflow:hidden;float:right;}

/*列表页-中图与概要说明布局*/
.mad{background:url(../images/bg_v1.png) repeat-x 0 -306px;height:77px;padding:5px 0;margin-bottom:1px;overflow:hidden;}
.displaybox{background-color:#FFFFFF;}
.display_nav{background-color:#ecebeb;border:1px solid #cccccc;line-height:32px;height:32px;padding-left:20px;}
.display_nav,.display_nav a{color:#666;outline:none !important;*blr:expression(this.onFocus=this.blur());}
.display_nav .navcontact{background:url(../images/t_v1.png) no-repeat 0 -195px;display:block;text-indent:-999em;width:80px;height:32px;overflow:hidden;}
.display_sumwarp{background:url(../images/display_line.gif) no-repeat center bottom;width:920px;height:auto;*height:40px;padding:15px 0;margin:0 auto;}
.display_sumwarp h1{font:normal normal 600 24px Arial;letter-spacing:-1px;}
.display_summary{font:normal normal normal 11px/14px Arial;padding:5px 0 10px 0;}

/*产品列表导航栏*/
.d_l_location{padding-top:15px;}
.d_l_location h3{font-size:11px;font-weight:600;line-height:30px;background:url(../images/t_v1.png) no-repeat -235px -125px;text-indent:-999em;width:185px;height:30px;border-bottom:1px solid #f8f8f8;}
.d_l_location dl{padding:5px 0 15px 0;}
.d_l_location dt{line-height:20px;width:185px;height:20px;padding:5px 5px 5px 0;overflow:hidden;}
.d_l_location dd{background:url(../images/icon_v1.png) no-repeat 0 -120px;line-height:25px;width:180px;height:25px;margin-left:5px;overflow:hidden;}
.d_l_location span{display:block;text-indent:-999em;width:185px;height:20px;}
.d_l_location span.t1,.d_l_location span.t2{width:150px;height:25px;margin-left:30px;}
.d_l_location span.tn1{background:url(../images/t_v1.png) no-repeat -235px -155px;}
.d_l_location span.tn2{background:url(../images/t_v1.png) no-repeat -235px -175px;}
.d_l_location span.t1{background:url(../images/t_v1.png) no-repeat -235px -195px;}
.d_l_location span.t2{background:url(../images/t_v1.png) no-repeat -235px -220px;}
.d_l_btnbox{padding-bottom:20px;}
.d_l_btnbox a{background:url(../images/btn_v1.png) no-repeat 0 0;display:block;width:155px;height:34px;margin-top:10px;overflow:hidden;}
.d_l_btnbox .btn_1,.d_l_btnbox .btn_2{display:block;text-indent:-999em;width:100%;height:100%;}
.d_l_btnbox .btn_1{background:url(../images/t_v1.png) no-repeat -235px -245px;}
.d_l_btnbox .btn_2{background:url(../images/t_v1.png) no-repeat -235px -279px;}

/*左侧树目录样式*/
.LeftClass .folder,.LeftClass .file,.LeftClass .Lock,.LeftClass .Lock a,
.LeftClass .folder a:hover,.LeftClass .file a:hover,.LeftClass .Lock a:hover{}
.LeftClass li div b{background-image:url(../img/menu_btn.png);background-repeat:no-repeat;}
/*--------------------*/
.LeftTree h3{display:block; font-weight:normal;  padding-left:34px; padding-top:8px;}
.LeftTree .GTitle,.LeftTree .GCentral,.LeftTree .bot,LeftTree h3{background-image:url(../img/l_menu_bg.png);background-repeat:no-repeat;} /*主体背景图片*/
.LeftTree,.wLeftTree,.LeftClass,.LeftClass li{zoom:1;}
.LeftTree .GTitle,.wLeftTree .GTitle{font-size:20px; color:#090000; margin-bottom:15px;}
.LeftTree {width:205px;}
.wLeftTree {top:190px; width:212px; min-height:455px; height:auto !important; height:455px; background:url(../img/p_menu_bg.png) no-repeat 0 0;}
.LeftTree h3,.wLeftTree h3{font-size:26px; color:#b3977f;}
.LeftTree h3 strong,.wLeftTree h3 strong{display:block;width:100%;height:100%;}
.LeftTree .GCentral{background-position:-230px 0;background-repeat:repeat-y;padding-bottom:5px;margin:0 auto;/*border:solid #b69a6d;border-width:0 1px 1px;*/overflow:hidden;}
.LeftTree .bot {height:10px;overflow:hidden;background-position:0 -63px;}

/*----------布局设置----------*/
.LeftClass,.LeftClass ul,.LeftClass ol{}
.LeftClass{/*padding-bottom:25px;*/width:205px; overflow:hidden;}
.LeftClass li{}
.LeftClass li div{display:block;}
.LeftClass li div b{display:block;position:absolute;top:0;left:5px;width:19px;height:15px;margin-top:11px;background-position:0 -152px;}
.LeftClass li div span{display:block;padding-left:25px;}
/*----------经过样式----------*/
.LeftClass .folder,.LeftClass .file{ background: url(../images/r_line3.jpg) repeat-x left bottom; line-height:30px; height:30px; font-weight:bold;padding-left:36px;display:block; color:#b3977f;}
.LeftClass .folder a,.LeftClass .file a,.LeftClass .Lock a{display:block;}
.LeftClass .folder a{color:#b3977f; background: url(../images/r_icon_1.jpg) no-repeat 120px center; display:block; padding-right:10px;}
.LeftClass .file,.LeftClass .file a{color:#000000;text-decoration:none;}
.LeftClass .Lock,.LeftClass .Lock a{color:#ffffff;}
.LeftClass .file .subclass{color:#9a582f;}
.LeftClass .last,.LeftClass .last a,.LeftClass .last a:hover{}
/*----------二级样式----------*/
.LeftClass .folder a:hover,.LeftClass .file a:hover,.LeftClass .Lock a:hover{color:#ffffff; text-decoration:none; }
.LeftClass .folder a:hover{}
.LeftClass .file a:hover{font-weight:600;}
.LeftClass .Lock a:hover{}
/*----------二级样式----------*/
.LeftClass ul li{background:none;}
.LeftClass ul li div b{left:10px;display:block;position:absolute;top:0;width:19px;height:15px;margin-top:11px;background-position:0 -137px;}
.LeftClass ul li div span{padding-left:28px;}
/*----------三级样式----------*/
.LeftClass ul li ul li{background:none;background-color:#f6f1dc;}
.LeftClass ul li ul li div b{left:15px;}
.LeftClass ul li ul li div span{padding-left:40px;}
/*----------四级样式----------*/
.LeftClass ul li ul li ul li{background:none;background-color:#f6f1dc;}
.LeftClass ul li ul li ul li div b{left:20px;}
.LeftClass ul li ul li ul li div span{padding-left:45px;}




/*列表页-产品列表布局*/
.d-pro-box{width:740px;padding:0;margin:0; padding-left:5px;}
.d-pro-list{margin:0;padding:0;zoom:1; }
.d-pro-list:after{content:"\0020";display:block;visibility:hidden;height:0;clear:both;}
.d-pro-list .item{float:left; display:inline; width:740px; text-align:left; padding-bottom:35px;} 
.d-pro-list .item span { line-height:20px; background:#dfd3b5; display:block;}
.d-pro-list .item a { color:#703004;}
.d-pro-list .item a:hover {color:#CC0000; text-decoration:underline;}
.d-pro-list .item img {width:220px; height:150px;}
.d-pro-list .item del{display:block;}
.d-pro-list .item-desc{outline:none !important;*blr:expression(this.onFocus=this.blur());}
.d-pro-list .item-img{width:220px;height:150px;/*border:1px solid #d2be9d;*/overflow:hidden;float:left; }
.d-pro-list .item-img a{display:table-cell;vertical-align:middle;text-align:center;*font-family:Arial;*font-size:131px;*display:block;width:220px;height:150px;overflow:hidden;}
.d-pro-list .item-img a img{vertical-align:middle;}
.d-pro-list .item-title{width: 730px;height: 27px;display: block;background: #f0dab5;text-align: left;border-left: solid #534118 4px;color: #002b62;font-family:"宋体";font-size: 14px;line-height: 24px;
font-weight: bold;padding-top: 4px;padding-left: 10px; margin-bottom:15px;}
.d-pro-list .item-title em{color:#000000;}
.d-pro-list .item-price{width:519px; height:150px; background:#fffaef; float:left;}
.d-pro-list .item-price em{font-size:16px;}
.d-pro-list .item-price .item-points{ width:500px; margin-left:24px;padding-top:12px; padding-bottom:10px;font-size: 12px;line-height: 24px;color: #666666;border-bottom: dotted #534118 2px;text-align: left;}
.d-pro-list .item-price em,.d-pro-list .item-points{vertical-align:middle;}
.d-pro-list .item-color{ width:500px; padding-top:5px;display: block; padding-left:24px;color: #002b62;font-size: 14px; font-weight:bold;}
.d-pro-list .item-color:after{content:"\0020";display:block;visibility:hidden;height:0;clear:both;}
.d-pro-list .item-color li{float:left;display:inline;vertical-align:bottom;line-height:20px;height:20px;padding:0 1px;overflow:hidden;zoom:1;}
.d-pro-list .item-color li a{display:block;}
.d-pro-list .item-color li img{width:16px;height:16px;padding:1px;border:1px solid #efefef;}
.d-pro-list .item-color li a:hover img{border-color:#C00;}
.d-pro-list .item-rate{vertical-align:middle;line-height:14px;height:14px;margin-top:4px;overflow:hidden;}
.d-pro-list .item-rate .star-s{display:inline-block;vertical-align:middle;background:url(http://img.m18.com/asset/mod/score/i/stars-s.png) no-repeat 0 0;width:62px;height:12px;overflow:hidden;}
.d-pro-list .item-rate .star-n{display:inline-block;vertical-align:baseline;color:#999;font-family:Tahoma;line-height:1.231;padding-left:3px;}
.d-pro-list .item-rate .star-n a{color:#1859a5;}
.d-pro-list .item-rate .star-n a:hover{color:#cc0000;}
.d-pro-list .item-brand{color:#bdb296;font-family:Arial;line-height:14px;margin-top:4px;}
.d-pro-list .item-sale{	width: 100px;height: 14px;float: left;margin-top: 15px;margin-left:22px;}
.d-pro-list .item-sale img{	width: 33px;height: 5px;float: left;}
.d-pro-list .item-tag{position:absolute;top:168px;right:0;background-position:right 0;width:20px;height:13px;text-indent:-999em;overflow:hidden;}
.d-pro-list .item-img:hover{border-color:#ab8d5d;}
.d-pro-list .item-desc:hover .item-title{color:#C00;text-decoration:underline;}


/*关联项目列表显示*/
#VitemsNav{line-height:35px;padding-left:10px;border-bottom:1px solid #F0F0F0;}
#VitemsNav h3{font-size:16px;font-weight:600;float:left;}
#VitemsNav .continue{padding:6px 10px 0 0;float:right;}
#VitemsNav .continue a{display:block;text-indent:-99999px;background:url(../images/btn_v1.png) no-repeat 0 -192px;width:105px;height:24px;overflow:hidden;}
#VitemsList{width:100%;margin:0 auto;}
#VitemsList .vitem_box ul{padding:0;margin:0;}
#VitemsList .vitem_box li{list-style-type:none;width:192px;float:left;overflow:hidden;}
#VitemsList .vitem_box li a{outline:none !important;*blr:expression(this.onFocus=this.blur());}
#VitemsList .vitem_box li p{width:160px;margin:0 auto;border:1px solid #FFFFFF;}
#VitemsList .vitem_box li .p_img{display:table-cell;vertical-align:middle;text-align:center;*font-family:Arial;*font-size:122px;*display:block;width:160px;height:140px;overflow:hidden;}
#VitemsList .vitem_box li .p_img img{vertical-align:middle;}
#VitemsList .vitem_box li .p_name{color:#444e6e;font-size:11px;line-height:25px;text-align:center;text-decoration:none;display:block;height:25px;padding:0 5px;margin-top:5px;border-top:1px solid #f8f8f8;overflow:hidden;}
#VitemsList .vitem_box li p:hover,#VitemsList .vitem_box li p.current{color:#900;text-decoration:none;padding:0;border:1px solid #e9e9e9;}
#VitemsList .vitem_box li p:hover .p_name,#VitemsList .vitem_box li p.current .p_name{color:#900;text-decoration:none;background-color:#f8f8f8;}

/*对比产品列表显示*/
#CompareBox{width:1000px;margin:0 auto;}
#CompareNav{line-height:35px;padding-left:10px;border-bottom:1px solid #F0F0F0;}
#CompareNav h3{font-size:16px;font-weight:600;float:left;}
#CompareNav .continue{padding-top:6px;float:right;}
#CompareNav .continue a{display:block;text-indent:-99999px;background:url(../images/icon.png) no-repeat -79px -537px;width:105px;height:24px;overflow:hidden;}
#CompareWrap{width:1000px;margin:0 auto;}
.CompareList{width:950px;padding-bottom:10px;margin-top:10px;}
.CompareList li .comparebox,.CompareList li p,.CompareList li .pic,.CompareList li .proShip,.CompareList li proATB,.CompareList .colorBlock ul{width:180px;overflow:hidden;}
.CompareList li{font:12px Arial,Tahoma,\5b8b\4f53;background:url(../images/Proline.png) repeat-y right top;list-style-type:none;width:180px;padding-right:10px;float:left;display:inline;}
.CompareList li.nbg{background:none;padding-right:0px;}
.CompareList li .comparebox{line-height:22px;background-color:#F2F2F2;height:22px;}
.CompareList li .comparebox label{display:block;padding:2px 5px 0 6px;*padding:1px 2px 0 2px;float:left;}
.CompareList li .comparebox span{color:#555;display:block;float:left;}
.CompareList li .pic a{display:table-cell;vertical-align:middle;text-align:center;*font-family:Arial;*font-size:157px;*display:block;width:180px;height:180px;}
.CompareList li .pic a img{vertical-align:middle;}
.CompareList .proInfo{}
.CompareList li .proIcon{color:#FFF;font-size:13px;background:url(http://imagesen.vancl.com/vancl/images/icon-off.png) no-repeat scroll 0 0 transparent;text-align:center;text-indent:6px;width:40px;height:30px;padding:18px 5px 2px 4px;margin-top:-50px;margin-left:115px;border:solid 0 #ff0;position:relative;float:right;}

.CompareList dl{width:100%;margin:0 auto;}
.CompareList dl .dt,.CompareList dl .dt a{color:#00488A;font-size:11px;height:30px;padding:5px 0;}
.CompareList dl dd{color:#666666;font-size:12px;padding-bottom:5px;}
.CompareList dl dd span{margin-right:5px;}
.CompareList dl dd strong{color:#333333;font-size:16px;font-weight:700;}
.CompareList dl dd .del{text-decoration:line-through;}
.CompareList dl dd .red{color:#990000;}
.CompareList dl dd .b{color:#333333;font-weight:700;}
.CompareList dl dd .bx{color:#00488A;text-decoration:underline;}
.CompareList dl dd .creviews{width:70px;}
.CompareList dl dd.Ship{color:#910000;font:normal normal 600 14px Arial,Verdana,Tahoma,\5b8b\4f53;letter-spacing:-1px;}
.CompareList dl dd.dimension{line-height:160%;padding:5px 0;}

.CompareList .proATB{background-color:#F2F2F2;padding:10px 0 10px 5px;;margin-top:10px;}
.CompareList .proATB .review{color:#00488A;font-family:Tahoma;font-size:11px;text-decoration:underline;display:block;margin:5px 5px 0 5px;float:left;}
.CompareList .proATB .atbo{background:url(../images/icon.png) no-repeat 0 -49px;text-indent:-99999px;display:block;width:69px;height:20px;cursor:pointer;overflow:hidden;}
.CompareList .proATB .nostock{background:url(../images/icon.png) no-repeat -79px -49px;text-indent:-99999px;display:block;width:69px;height:20px;cursor:pointer;overflow:hidden;}

.GLpro ul{margin:0; padding-bottom:20px;}
.GLpro li{font-family:Arial,Tahoma,\5B8B\4F53;font-size:12px;color:#666;background:url(../img/art_line.gif) repeat-x left bottom;height:110px;padding:10px 0;position:relative;zoom:1;}
.GLpro li .no{background:none;}
.GLpro li .p{width:130px;height:100px;padding:2px;border:1px solid #e1e1e1;float:left;}
.GLpro li .p a{*font-size:87px;display:table-cell;*display:block;text-align:center;vertical-align:middle;width:130px;height:100px;overflow:hidden;}
.GLpro li .nwarp{width:400px;margin-left:10px;float:left;}
.GLpro li .nwarp h1{ color:#940026;font-size:12px;font-family:\5B8B\4F53;font-weight:600;height:30px;}
.GLpro li .nwarp h1 a{color:#940026;}
.GLpro li .nwarp h1 a:hover{color:#940026;text-decoration:underline;}
.GLpro li .nwarp h1 em{color:#c74d00;font-size:11px;font-family:Tahoma;font-weight:600;margin-right:15px;}
.GLpro li .nwarp .time{color:#333333;}
.GLpro li .nwarp .cnt{color:#333333;}