﻿/*列表页-独立左右分列布局(非要时使用)*/
.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{}
.LeftTree h3{background-image:url(../images/left_title_product.gif);background-repeat:no-repeat;}

.LeftTree,.LeftClass,.LeftClass li{zoom:1;}
.LeftTree{width:195px;padding:0;margin:0 auto;overflow:hidden;background:url(../images/left_top.gif) no-repeat top}
.LeftTree h3{display:block;background-position:0 -80px;text-indent:-999em;color:#3b3b3b;font-size:14px;font-weight:600;letter-spacing:-0.5px;line-height:78px;height:78px;padding:0 5px 0 10px;overflow:hidden;}
/*----------布局设置----------*/
.LeftClass,.LeftClass ul,.LeftClass ol{position:relative;display:block;list-style:none;padding:0;margin:0;}
.LeftClass{/*padding-bottom:25px;*/border-width:0 1px 1px;overflow:hidden;}
.LeftClass li{position:relative;font:normal normal normal 11px/20px Arial,Tahoma,\5b8b\4f53;color:#656565;text-decoration:none;padding:0;margin:0;list-style:none;}
.LeftClass li div{position:relative;}
.LeftClass li div b{position:absolute;left:5px;width:20px;height:15px;margin-top:7px;background-position:0 -152px;overflow:hidden;}
.LeftClass li div span{display:block;height:35px;padding-left:47px;line-height:37px; overflow:hidden;}
/*----------经过样式----------*/
.LeftClass .folder,.LeftClass .file{line-height:35px;height:35px;}
.LeftClass .folder,.LeftClass .file{font-size:12px;font-family:Arial;}
.LeftClass .folder a,.LeftClass .file a,.LeftClass .Lock a{display:block;outline:none !important;*blr:expression(this.onFocus=this.blur());}
.LeftClass .folder,.LeftClass .folder a{color:#2F2F2F;text-decoration:none;}
.LeftClass .file,.LeftClass .file a{color:#656565;text-decoration:none;}
.LeftClass .Lock,.LeftClass .Lock a{color:#ffffff;text-decoration:none;background-image:url(../images/left_on_mouse.gif);background-repeat:no-repeat; height:35px; font-weight:bold;}
.LeftClass .file .subclass{color:#656565;font-weight:600;}
.LeftClass .last,.LeftClass .last a,.LeftClass .last a:hover{}
/*----------二级样式----------*/
.LeftClass .folder a:hover,.LeftClass .file a:hover,.LeftClass .Lock a:hover{color:#BE0019;}
.LeftClass .folder a:hover{}
.LeftClass .file a:hover{font-weight:600;}
.LeftClass .Lock a:hover{background-image:url(../images/left_on_mouse.gif);background-repeat:no-repeat;color:#ffffff;}
/*----------二级样式----------*/
.LeftClass ul li{background:none;}
.LeftClass ul li div b{left:10px;}
.LeftClass ul li div span{padding-left:55px;}
/*----------三级样式----------*/
.LeftClass ul li ul li{background:none;background-color:#eeeeee;}
.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:650px;padding:0;margin:0; padding-bottom:20px;}
.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{position:relative;display:inline;letter-spacing:0;vertical-align:top;list-style-type:none;width:190px;margin-right:22px;float:left;overflow:hidden;zoom:1;}
.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:170px;height:150px;padding:8px;/*border:1px solid #d2be9d;*/overflow:hidden; border:1px solid #e3e3e3;}
.d-pro-list .item-img a{display:table-cell;vertical-align:middle;text-align:center;*font-family:Arial;*font-size:131px;*display:block;width:170px;height:150px;overflow:hidden;}
.d-pro-list .item-img a img{vertical-align:middle;}
.d-pro-list .item-title{display:block;margin:3px 0 5px;color:#656565;line-height:1.3;vertical-align:baseline; text-align:center; padding-top:5px;}
.d-pro-list .item-title em{color:#C00;margin-left:3px;}
.d-pro-list .item-price{display:block;padding-left:10px;margin-top:5px;background-position:0 center;color:#C00;font-weight:700;line-height:20px;height:20px;}
.d-pro-list .item-price em{font-size:16px;}
.d-pro-list .item-price .item-points{margin-left:2px;font-weight:400;}
.d-pro-list .item-price em,.d-pro-list .item-points{vertical-align:middle;}
.d-pro-list .item-color{margin:0;padding:0;zoom:1;}
.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{position:absolute;top:5px;left:5px;background-position:0 -128px;width:45px;height:45px;text-indent:-999em;overflow:hidden;}
.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:#e40000;}
.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;}
