@charset "utf-8";
/*
功能: “产品动态”页面样式
作者: 何兵
时间: 2011-11-24
*/

/*============ 通用样式 ============*/
/*页面总体框架*/
.w960 {
	width:960px;
	margin:0 auto;
}
.grid-s5m0 .main-wrap {
	margin-left: 200px;
}
.grid-s5m0 .col-sub {
	width: 190px;
	margin-left: -100%;
}

/*边距*/
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.ml5{ margin-left:5px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.pl5{ padding-left:5px;}

/*边框*/
.bord{ border:1px #DDD solid;}
.bb{ border-bottom:1px #ddd solid;}

/*字体*/
.fb{ font-weight:bold;}

/*隐藏*/
.hide{ display:none;}
.hide a{background:none !important;}
.h120 {height:120px;}
/*锚链*/
a:link, a:visited {color: #2953A6;}
a:hover {color: #FF6600;}

/*顶部导航*/
#site-nav { background: url("../../images/products/X.png") repeat-x scroll 0 -44px transparent;}
#site-nav-bd { color: #000000; height: 22px; line-height: 22px; margin: 0 auto; padding: 2px 0px; position: relative; width: 960px; z-index: 10000;}
#site-nav .login-info { float: left; padding-left:10px; width: 400px;}
#site-nav .quick-menu { position: absolute; right: 0; top: 1px;}
#site-nav .quick-menu li { float: left; margin-left: -1px; padding: 1px 10px 0;}

/*头部*/
#header .head { background:url(../../images/products/top_bg.png) repeat-x scroll; height: 80px; position: relative; width: auto;}
#header .head-inner { padding: 15px;}
#product-logo { float: left; overflow: hidden; padding-top: 4px; z-index: 9;}
#product-logo .mlogo { float: left; padding-right: 10px;}
#product-logo .mlogo a { font-size: 28px; height: 43px; line-height: 43px; overflow: hidden; width: 191px;}
#product-logo a { color: #FFFFFF; display: block; position: relative;}
#product-logo s { cursor: pointer; display: block; position: absolute; top: 0;}
#product-logo .mlogo s, #product-search form, #product-search fieldset, #product-search .search-type a, #product-search button s, .product-search-tip .key { background: url("../../images/products/191-150.png") no-repeat scroll 0 0 transparent;}
#product-logo .mlogo s { background-position: 0 -70px; height: 43px; width: 191px;}
#product-search { float: right; padding-top: 20px; width: 530px;}
#product-search form { background-color: #990000; background-position: -2px -16px; height: 30px; padding: 0 0 0 2px; z-index: 9999;}
#product-search fieldset { background-color: #990000; background-position: 526px -16px; padding: 2px 2px 2px 0;}
#product-search legend { display: none;}
#product-search .search-type { height: 20px; line-height: 18px; margin: -22px 0 0 -2px; position: absolute;}
#product-search .search-type a { background-position: 999px 999px; color: #FFFFFF; display: inline-block; height: 100%; outline: 0 none; text-align: center; width: 47px;}
#product-search .search-type .active { background-color: #C9261C; background-position: -94px -46px; font-weight: 900; height: 21px;}
#product-search .input { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BA1324; height: 24px; position: relative;}
#product-search label { color: #666666; font-size: 12px; height: 24px; left: 8px; line-height: 24px; position: absolute; top: -1px; z-index: 1;}
#mq { background: url("../../images/products/a.gif") repeat-x scroll 0 0 transparent; border-color: -moz-use-text-color #BA1324 -moz-use-text-color -moz-use-text-color; border-style: none solid none none; border-width: 0 1px 0 0; color: #000000; font-weight: 900; height: 16px; left: 0; line-height: 16px; margin: 0; padding: 4px 2px 4px 5px; position: absolute; width: 422px; z-index: 2;}
#product-search .input button { background: none repeat scroll 0 0 #FED24D; border: 0 none; color: #000000; cursor: pointer; float: right; font-size: 14px; font-weight: 900; height: 24px; line-height: 24px; margin-left: 1px; overflow: hidden; width: 94px;}
#product-search .input s { background-position: 0 -46px; height: 24px; position: absolute; right: 0; top: 0; width: 94px;}


/*面包屑*/
.productCrumbs { background-color: #FFFBE1; border: 1px solid #FEBF90; height: 25px; line-height: 25px; padding-right: 8px; position: relative;}
.productCrumbs-count { color: #999999; float: right;}
.productCrumbs-count em { color: #FF6600; padding: 0 2px;}
.productCrumbs-nav { float: left; height: 25px;}

.productCrumbs-nav-item { color: #D96663; float: left; height: 25px; line-height:25px; overflow: hidden; padding-left: 10px;}
.productCrumbs-nav-item .icon { background-position: 0 -2px; height: 25px; width: 16px;}

/*分类检索*/
.indexMenu { background-color:#FFFBE1; border:1px solid #FEBF90; padding:10px;}
.indexMenu h2 { border-bottom:1px solid #FEBF90; color:#666; height:28px; padding-left:1em;}
.indexMenu h2 span { font:600 14px Arial;}
.indexMenu li { border-bottom:1px solid #FFEDCE; line-height:28px; padding-left:1em; font-family:Arial; vertical-align:baseline;}
.indexMenu li a{ display:block;}
.indexMenu .now { background-color:#FFF; border:1px solid #FEBF90; font-weight:bold;}
.indexMenu #first { border-top:none;}
.indexMenu .now a { color:#FF6600;}

/*按不同类别选择*/
.colProp { border: 1px solid #FEBF90;}
.colProp-item { border-top: 1px solid #FEBF90; margin: -1px 5px 0; padding: 4px;}
.colProp-title { float: left; font-weight: 400; line-height: 26px; overflow: hidden; position: relative; white-space: nowrap; width: 60px; z-index: 1;}
.colProp-brands { float: left; width: 680px; position: relative;}
.colProp-list1, .colProp-list2, .colProp-list3, .colProp-list4, .colProp-list5 { float: left; overflow: hidden;}
.colProp-list1{ width:640px;}
.colProp-list2, .colProp-list3, .colProp-list4, .colProp-list5{ width:680px;}
.colProp-list1 li, .colProp-list2 li, .colProp-list3 li, .colProp-list4 li, .colProp-list5 li { display: inline; float: left; height: 18px; margin-right: 20px; overflow: hidden; padding: 4px 0; text-overflow: ellipsis; white-space: nowrap;}
.colProp-list1 li{ width:85px;}
.colProp-brands .more { float: left; margin: 4px 0; outline: 0 none; text-decoration: none; width: 40px;}
.icon{ background: url("../../images/products/88-124.png") no-repeat scroll transparent; background-position: -41px -14px; display: inline-block; overflow: hidden; vertical-align: middle; height: 5px; margin-right: 5px; width: 7px;}
.colProp-blueLine { background-color: #FFFBE1; border-color: #FEBF90; border-right: 1px solid #FEBF90; border-style: none solid solid; border-width: 0 1px 1px; height: 4px; overflow: hidden;}
.colProp-toggler { background-color: #FFFBE1; border-color: #FEBF90; border-right: 1px solid #FEBF90; border-style: none solid solid; border-width: 0 1px 1px; height: 16px; margin: -1px auto 0; position: relative; width: 107px;}
.colProp-toggler a { display: block; height: 14px; line-height: 14px; margin: 0 auto; outline: 0 none; overflow: hidden; position: relative; text-align: center; text-decoration: none; white-space: nowrap; z-index: 1;}
.colProp-toggler a:link, .colProp-toggler a:visited { color: #666666;}

/*产品展示*/
.product-hd{ border-bottom: 2px solid #FEBF90; height: 24px; padding-left: 11px; z-index: 100;}
.product-hd .title span{ background-color: #FF8041; color: #FFFFFF; display:inline-block; height: 25px; line-height: 25px; padding: 0 12px 0 13px;}
.product-list { overflow: hidden; padding: 0; width: 760px;}
.product { color: #999999; display:inline; overflow: hidden; float: left; margin: 10px 0 0 8px; padding: 0; width: 180px; z-index: 1;height:240px;}
.product-hover { background: none repeat scroll 0 0 #FFFBE1;}
.productInfo { border: 1px solid #FEBF90; padding: 9px; width: 160px;height:220px;}
.product-img { /*height: 160px;*/ width: 160px; background-color: #FFFFFF; display: block; overflow: hidden; margin-top: 0; text-align: center; vertical-align: middle;}
.product-title { height: 18px; line-height: 18px; margin: 5px 0; overflow: hidden;}
.product-title a { font-size: 12px; font-weight: 400;}
.product-title a:hover { color: #FF6600;}
.proHigh { color: #FF6600; font-weight:400;}

/*分页*/
.pagination { clear: both; color: #999999; font-size: 14px; font-weight: 700; height: 40px;padding-top:10px;float:right;}
.page-bottom { float: right; padding-right:20px;}
.page-start, .pagination .page-prev { border: 1px solid #FEBF90;}
.page-start { width: auto;}
.pagination li, .page-info, .page-prev, .page-start, .page-cur, .page-end, .page-skip { height: 28px; padding: 10px 14px 0;}
.pagination li, .page-info, .page-prev, .page-cur, .page-start, .page-end, .page-break, .page-skip { float: left;}
.page-cur { background-color: #FFFBE1;}
.page-cur, .pagination li, .page-end { border-color: #FEBF90 #FEBF90 #FEBF90; border-style: solid solid solid solid; border-width: 1px 1px 1px 1px;}
.page-break { border-right: 1px solid #FEBF90; line-height: 40px; padding: 0 4px;}
.page-skip { font-weight: 400; padding-left: 5px; padding-right: 0;}
.pageSkip-jumpto { border: 1px solid #FEBF90; color: #999999; font-size: 14px; height: 20px; margin: 0 3px; text-align: center;}
.pageSkip-search { background: url("../../images/products/88-124.png") no-repeat scroll 0 -72px transparent; color: #333333; height: 20px; width: 40px; border: 0 none; cursor: pointer; overflow: hidden; font-size: 12px; font-weight: 500; margin-left: 3px;}

/*热门产品*/
.p4p-box { border: 1px solid #FEBF90;}
.p4p-box ul{line-height:25px; padding:2px 8px;}
.p4p-box ul li{ background:url(../../images/products/arrow2.gif) 0 10px no-repeat; height:25px; line-height:25px; padding-left:10px;}
.p4p-box .title { background-color: #FFFBE1; border-bottom: 1px solid #FEBF90; font-size: 14px; padding: 2px 0 2px 15px;}
.p4p-box .product { border-bottom: 1px solid #FEBF90; display: inline; float: left; height: 232px; margin:0; padding: 10px 14px 10px 14px; text-align: center; width: 160px;}
/*.p4p-box .product-hover { background: none repeat scroll 0 0 #FFFFFF;}*/
.p4p-box .product-img, .p4p-box .product-img a { height: 160px; width: 160px;}
.product-img { background: none repeat scroll 0 0 #FFFFFF; display: block; overflow: hidden;}
.product-img a { background-color: #FFFFFF; display: table-cell; text-align: center; vertical-align: middle;}

/* expanded */
.expanded  a{ cursor:pointer; background:url(../../images/products/category_nav_sub_category_fold.gif) 0 9px no-repeat; padding-left:1em;}

/*推荐权威供应商*/
.ald { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #E4E4E4; min-height: 100px;}
.ald .hd { background-color: #F2F2F2; height:25px; line-height:25px; padding: 3px 6px;}
.hot-store-rank .hot-store { background-color: #FBFBFB; border-top: 1px solid #E4E4E4; overflow: hidden; padding:9px 10px 8px 10px; position: relative; text-align:center; width: 168px;}
.hot-store-rank .hot-store img{ border:1px solid #FEBF90; padding:5px;}
.hot-store-rank .hot-store .hot-store-title { font-weight: normal; height: 24px; line-height: 24px; overflow: hidden; position: relative; z-index: 1;}
.hot-store-rank .hot-store .hot-store-weeksale { color: #999999; margin-left: 11px; overflow: visible;}
.hot-store-rank .hot-store .hot-store-weeksale .price { color: #666666; display: inline-block; font-weight: bold;}
.hot-store-rank .hot-store .hot-store-weeksale strong { color: #FF6600; font-weight: bold;}

/*版权信息*/
.copyright { background: url(../../images/products/173-6.png) repeat-x scroll 0 0 transparent; border-top: 1px solid #D1D7DC; padding:10px 0; text-align: center;}

/********************** 
 *功能说明:解决品牌名称超过一行IE6布局错乱
 *修改时间：2011-12-13
 *********************/
.no-wrap{ height:18px; line-height:18px; white-space:nowrap; overflow:hidden;width:160px;}
/********************** 
 *功能说明：各个类型商品页面logo样式
 *修改时间：2011-12-14
 *********************/
#product-logo .logos { float: left; padding-right: 10px; white-space:nowrap;}
#product-logo .logos a { font-size: 28px; height: 43px; line-height: 43px; overflow: hidden; width: 236px;}
#product-logo .logos s { background: url(../../images/products/logos.jpg) no-repeat scroll transparent; height: 43px; width: 236px;}
/*激光切割*/
#product-logo .qg s{ background-position:0 0;}
/*激光打标*/
#product-logo .db s{ background-position:0 -43px;}
/*激光焊接*/
#product-logo .hj s{ background-position:0 -86px;}
/*激光医疗*/
#product-logo .yl s{ background-position:0 -129px;}
/*激光器*/
#product-logo .jgq s{ background-position:0 -172px;}
/*激光仪器*/
#product-logo .yq s{ background-position:0 -215px;}
/*娱乐激光*/
#product-logo .yul s{ background-position:0 -258px;}
/*扫描振镜*/
#product-logo .scan s{ background-position:0 -301px;}