.page_path_pro{ padding-top: 40px; border-bottom-color: #fff; height: 44px; z-index: 500;}
.page_path_pro a,.page_path_pro span{ color: #fff;}
.page_path_pro span{ background-image: url("../images/path-arr-w.png");}
.page_path_pro a.curr{ color: #fff;}

.page_bar h2.pro_t2,.page_bar h2.pro_t2 sub{ color: #fff;}

#proKv{ max-height: 615px; overflow: hidden;}

.cate_unit{ margin-bottom: 40px;}

.cate_unit_con{ height: 640px;}
.cate_unit_con .focus,.cate_unit_con .list,.cate_unit_con .focus .img,.cate_unit_con .focus .mask{ width: 640px; height: 640px; top:0;}
.cate_unit_con .focus .img{ z-index: 1;}
.cate_unit_con .focus .img img{ width: 100%; height: 100%;}
.cate_unit_con .focus .category_name{ z-index: 10; height:150px; left: 35px; top: 35px;}
.cate_unit_con .focus .category_name span{ display: block; color: #fff;}
.cate_unit_con .focus .cn{ font-size: 42px; line-height: 60px;}
.cate_unit_con .focus .en{ font-size: 18px;line-height: 30px;}
.cate_unit_con .focus .intro{ font-size: 18px;line-height: 30px; z-index: 10; top: 160px; left: 35px; height: 400px; width: 400px; overflow: hidden; color: #fff; display: none;}
.cate_unit_con .focus .mask{ z-index: 5; background: #005bac; opacity: 0.8; display: none;}

.cate_unit_con .list{ left: 640px;}
.cate_unit_con .list .cl_unit{ height: 320px; width:320px; overflow: hidden;}
.cate_unit_con .list .img,.cate_unit_con .list .mask{ width: 320px; height: 320px;}
.cate_unit_con .list .img{ z-index: 1;}
.cate_unit_con .list .img img{ width: 100%; height: 100%;}
.cate_unit_con .list .category_name{ z-index: 10; height:100px; width: 260px; left: 30px; top: 30px;}
.cate_unit_con .list .category_name span{ display: block; color: #fff;}
.cate_unit_con .list .cn{ font-size: 24px; line-height: 30px;}
.cate_unit_con .list .en{ font-size: 16px;line-height: 24px;}
.cate_unit_con .list .intro{ font-size: 16px;line-height: 24px; z-index: 10; top: 100px; left: 30px; height: 180px; width: 200px; overflow: hidden; color: #fff;}
.cate_unit_con .list .mask{ z-index: 5; background: #005bac; opacity: 0.8; display: none;}

.cate_unit_con .focus .btn,.cate_unit_con .list .btn,.b_unit .mask .btnDetail{ background: url(../images/icon/plus.png) no-repeat center center #000;  z-index: 10; width: 50px; height: 50px; display: none;}
.cate_unit_con .focus .btn{bottom: 30px; left: 30px;}
.cate_unit_con .list .btn{bottom: 30px; right: 30px;}

.style_right .focus{ right: 0;}
.style_right .list{ left: 0;}

.focus:hover .intro,.focus:hover .mask,.focus:hover .btn{ display: block;}
.cl_unit:hover .intro,.cl_unit:hover .mask,.cl_unit:hover .btn{ display: block;}

#quickCategory{ position:absolute; top:0px; left:-130px; width:100px; overflow:hidden; display:none; background:#b8b8b8;}
#quickCategory .unit{ height: 30px;border-bottom: 1px #f3f3f3 solid; text-align: center; line-height: 30px;}
#quickCategory .unit a{ display: block; color: #fff; font-size: 16px;}
#quickCategory .unit a:hover{ background: #005bac;}


.list_focus{width: 1280px; height: 500px; overflow: hidden;}
.col_name{ left: 40px; top: 40px; width: 80px; height: 80px; line-height: 80px; text-align: center; color: #fff; background-color: #2f72e2; font-size: 20px;}
.foc_con{ width: 240px; height: 210px; padding: 40px; color: #fff;background: url("../images/info-bg-blue.png"); right: 0; z-index: 5;}
.foc_con .date{ font-size: 15px; color: #fff;}
.foc_con .title{ line-height: 40px; font-size: 26px; color: #fff;}
.foc_con .plus{ background: url("../images/icon/plus.png") no-repeat center center #1e1e1e; width: 50px; height: 50px; bottom: 0px; right: 0px;}
.custom{background: url("../images/info-bg-d-blue.png"); height: 210px; width: 320px; right: 0; bottom: 0; text-align: center; z-index: 10;}
.custom .btn{ margin-top: 50px; background: url("../images/icon/setting-w.png") no-repeat top center; display: inline-block; width: 140px; height: 140px; color: #fff; font-size: 20px; line-height: 180px; overflow: hidden;}

.info_list{ margin-bottom: 50px;}
.info_unit{ width: 320px; height: 320px;overflow: hidden;}
.b_unit{ border-top: 1px #e3e3e3 solid; border-right:1px #e3e3e3 solid; background: #fff; height: 289px; padding: 15px;}
.b_unit .t_img{ width: 289px; height: 289px; z-index: 1;}
.b_unit .col{ width: 50px; height: 50px; line-height: 50px; text-align: center; color:#fff; z-index: 1; left: 20px; bottom: 20px;}
.b_unit .t_img img{width: 100%;}
.b_unit .con_box{ height: 20px; bottom: 20px; left: 0; line-height: 20px; text-align: center; color: #000; width: 319px; font-size: 16px; font-weight: bold; z-index: 5;}
.b_unit .mask{ height: 319px; width: 319px;background: url("../images/info-bg-blue.png");color: #fff; top:0;left: 0; z-index: 15; text-align: center; display: none;}
.b_unit .mask .name{ padding-top: 120px; display: block; font-size: 20px; line-height: 25px; padding-bottom: 15px;}
.b_unit .mask .btnDetail{ display: inline-block;}
.col_name{ background-color: #2f72e2;}
.foc_con{ background: url("../images/info-bg-blue.png");}
.b_unit:hover .mask{ display: block;}
.b_unit:hover .con_box{ display: none;}


.param_con{ background: #fff; padding: 50px; margin-bottom: 40px;}


.detail_head{ background: #fff; border: 1px #f3f3f3 solid; height: 500px; overflow: hidden;}
.detail_head .text_con{ border-right: 1px #e3e3e3 solid; padding: 38px; height: 425px; width: 400px;}
.detail_head .text_con .item_number{ font-size: 42px; height: 42px; line-height: 42px; color: #005bac; font-weight: bold; margin-bottom:15px; overflow: hidden;}
.detail_head .text_con .intro{ color: #000; font-size: 16px; line-height: 26px; height:260px; overflow: hidden; margin-bottom: 15px;}
.detail_head .text_con .op{ margin-bottom: 20px;}
.detail_head .text_con .op a{ display: inline-block; width: 50px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; margin-right: 10px; background: #6f6f6f; text-align: center;}
.detail_head .text_con .op a:hover{background-color: #005bac;}
.detail_head .images{ width: 800px;}
#ProductImages{ width: 500px; height: 500px; }

.color_series{}
.color_series a{ display: inline-block; width: 30px; height: 30px; text-indent: 0; margin-right: 5px;}
.color_series a img{ width: 100%;}

.pro_param{ }
.pro_param td{ text-indent: 20px; height: 47px;}
.pro_param .item{border-bottom: 1px #e3e3e3 solid; width: 140px;}
.pro_param .con{border-left: 1px #e3e3e3 solid; border-bottom: 1px #e3e3e3 solid;}

.last_sp{ height: 40px; overflow: hidden; background:url("../images/icon/last-sp-bg.gif") no-repeat center center #fff;border-bottom: 1px #d4d4d4 solid; margin-bottom: 40px;}
.last_sp .prev,.last_sp .next{ width: 320px; height: 40px; line-height: 40px; text-align: center; background: #b8b8b8; color: #fff;}
.last_sp .prev{}
.last_sp .next{}

#quickMenu{ position:absolute; top:290px; right: 0; width:100px; display:none; background:#fff;}
#quickMenu .unit{ display: block; height: 100px; text-align: center; color: #fff; background-color: #fff; line-height: 150px; border-bottom: 1px #f3f3f3 solid; color: #6c6c6c; z-index: 50;}
#quickMenu .icon{ display: block; background: no-repeat center center;}
#quickMenu .fav{ background-image: url("../images/icon/qm-fav.png");}
#quickMenu .compare{ background-image: url("../images/icon/qm-compare.png");}
#quickMenu .setting{ background-image: url("../images/icon/qm-setting.png");}
#quickMenu .store{ background-image: url("../images/icon/qm-store.png");}
#quickMenu .unit .num{ height: 25px; width: 25px; color: #fff; background:#005bac; right: 0; top: 0; text-align: center; line-height: 25px;}
#quickMenu .unit:hover{background-color: #005bac; color: #fff; background-position: 0 -100px;}
#quickMenu .unit:hover .num{background: #fff; color:#005bac;}
#quickMenu .qm_sub{ left: -270px; top:0; z-index: 40; overflow: hidden; display: none;}
#quickMenu .qm_sub.top_diff{ top:-303px;}
#quickMenu .qm_sub .sub_unit{ height: 100px; width: 270px;background-color: #005bac;  overflow: hidden; border-bottom: 1px #f3f3f3 solid; line-height: 20px;}
#quickMenu .qm_sub .list .sub_unit{ padding: 20px; width: 230px; height: 60px;}
#quickMenu .qm_sub .small_img{ width: 60px; height: 60px; overflow: hidden;}
#quickMenu .qm_sub .list .qm_item{ margin-left: 80px; color: #fff;}
#quickMenu .qm_sub .list .btnDelete{ width: 20px; height: 20px; background: url("../images/icon/del.png") no-repeat center 0;}
#quickMenu .qm_sub .list .btnDelete:hover{ background-position: center -20px;}
#quickMenu .qm_sub .list .qm_small_btn{ background: #004a91; color: #fff; display: inline-block; height: 20px; padding: 0 13px; font-size: 12px;}
#quickMenu .qm_sub .online_store{background-repeat:no-repeat; background-position: center center; width: 270px; height: 100px; display: block;}
#quickMenu .qm_sub .jd{ background-image: url("../images/jd.png");}
#quickMenu .qm_sub .yhd{ background-image: url("../images/yhd.png");}
#quickMenu .qm_sub .gome{ background-image: url("../images/gome.png");}
#quickMenu .qm_sub .tmall{ background-image: url("../images/tmall.png");}
#quickMenu .qm_sub .taobao{ background-image: url("../images/taobao.png");}
#quickMenu .qm_sub .amazon{ background-image: url("../images/amazon.png");}

#filter .b_unit{ border-top: 0; border-bottom: 1px #e3e3e3 solid;}
.filter_unit{ margin: 0 auto;  padding: 20px 0; width: 240px; border-bottom: 1px #e3e3e3 solid;}
.filter_unit .name{ color:#005bac; font-size: 22px; line-height: 26px; height: 26px; padding-bottom: 10px; }
.filter_unit .select_box{ width: 240px; margin: 0; padding: 0; height: 30px; line-height: 30px; border: 1px #e3e3e3 solid;}
.filter_unit .item{ display: inline-block; color:#6c6c6c; padding: 6px 10px;  margin:4px; line-height: 120%; font-size: 12px; border: 1px #e3e3e3 solid;}
.filter_unit .item:hover{ border-color:#005bac; color:#005bac;}
.filter_unit .item.curr{ background: #005bac; border-color:#005bac; color: #fff;}
#childCategory .item{width: 70px; overflow: hidden; padding: 6px 0; text-align: center;}
.filter_result{ width: 960px;}
.filter_nolist{ font-size: 18px; line-height: 200px; text-align: center;}
.compare_result{ padding: 30px;}
#compareResult{ }
#compareResult td{ border-left: 1px #e3e3e3 solid;border-bottom: 1px #e3e3e3 solid; font-size: 12px; height: 30px; text-align: center;}
#compareResult td.item{text-indent: 20px; border-left:0; text-align: left;}
#compareResult tbody tr:hover td{ background: #005bac; color:#fff;}
.d_tips{ line-height: 20px; font-size: 12px; color: #999; padding: 5px;}
