@charset "utf-8";
/* -----------------------产品类别列表页面样式表----------------- */
/*-----产品类型列表块 start----*/
.pro
{
	float:left;
	height:180px;
	padding:5px 5px 5px 2px;
	position:relative;
	width:237px;
}
.pro_img{ z-index:1; position:absolute;}
.pro_more{ z-index:2;position:absolute; top:100px; left:15px; border:0px;}
.pro_more img{ padding-top:3px;}
 
/*choose选择框样式 start*/ 
.pro_choose { z-index:2;position:absolute;top:140px; left:15px;}
.pro_choose input {
background:#FFFFFF url(../product/ad/search_b.gif) no-repeat left;
border:0px;
color:#000000;
cursor:pointer;
height:20px;
line-height:20px;
text-align:left;
width:207px;
padding:0px 0px 0px 0px;
padding-left:5px;
}
/*choose选择框样式 end*/ 

/*choose弹出产品列表框 start*/ 
.bordiv {
	background:#ffffff none repeat scroll 0 0;
	border:1px solid #b7b7b7;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
	width:195px;
	padding:5px;
	height:290px;
	z-index:9999;
}

.bordiv div {
padding:0px;
text-align:left;
width:195px;
height:290px;
overflow:auto;/*自动出现滚动条，如果要出现竖直滚动条则改成：overflow-y:auto，如果横向出现滚动条则改成：overflow-x:auto*/
scrollbar-face-color:#1d629b;/*滚动条凸出部分的颜色(前景色),包括两端的方形按钮、水平或竖直滑动的滑块的颜色*/
scrollbar-track-color:#cccccc;/*滚动条的背景颜色,如果省略的话将出现虚点，颜色将采用face-color的颜色*/
scrollbar-arrow-color:#fff;/*按钮(上下或者左右可以点击使滑块滚动的方形按钮)上三角箭头的颜色*/的颜色*/
scrollbar-3dlight-color:#3878a8;/*滚动条亮边的颜色,形成3D效果，有层次感，肉眼观察在滚动条左边及上边出现一条有色线（竖直方向滚动）*/
scrollbar-darkshadow-color:#0c3c77;/*滚动条强阴影的颜色,肉眼观察出现滚动条下边及右边*/
scrollbar-highlight-color:#1f6296;/*滚动条空白部分的颜色,肉眼观察改变不明显，具体颜色改变出现在左边和上边空白处，介于face-color效果与3dlingt-color效果之间有个空白颜色（默认为白色）。此外，滚动条前景色有种凹陷的感觉，周边线条颜色凸起*/
scrollbar-shadow-color:#0c3c77;/*立体滚动条阴影的颜色，具体出现在滑块及方形按钮的右边及下边，形成阴影效果，颜色介于face-color效果和darkshadow-color效果之间，不是很明显*/
scrollbar-base-color:#1f6296;/*滚动条的基本颜色,当前面7个效果出现时，滚动条基本颜色设置肉眼很难观察到，如果不设置前面7个效果,系统将根据base-color自动设置，其中前景色，背景色(虚点表示)颜色一致，其他效果(阴影以黑色填充),没有什么要求时，建议不设置此效果*/

/*
scrollbar-face-color:#F00;
scrollbar-track-color:#FFF;
scrollbar-arrow-color:#FFF;
这3个效果建议必须设置
*/
}

.bordiv div table { width:165px;}
.bordiv div table td{
border-bottom:#d7d7d7 1px solid;
vertical-align:middle;
padding:3px;
padding-bottom:8px;
}
/*choose弹出产品列表框 end*/
/*-----产品类型列表块 end----*/
/* -----------------------产品类别列表页面样式表 end------------------ */

/* -------------------------产品最终页样式表 start------------------- */
/******参数Tab标签切换******/
#tabdiv{ background:url(../images/csul_bg.gif); height:35px;padding-left:18px;}
/* 标签标准样式 */
.tab {
	float:left;
	display:block;
	cursor:pointer;
	margin:0px 8px 0px 0px;
	padding:14px 0px 0px 0px;
	color:#015ca4;
	width:93px;
	height:21px;
	text-align:center;
	background:url(../images/csul_link.gif);
}

/* 标签选中时样式 */
.tabsel {
    display:block;
    cursor:pointer;
	padding:14px 0px 0px 0px;
	margin:0px 8px 0px 0px; 	
	color:#333333;
	width:93px;
    height:21px;
	background:url(../images/csul_hover.gif);
}

/* 存放加载内容div样式 */
#pageInfo {
   clear:both;
	border:1px #e2e2e2 solid;
	border-top:0px;
	padding:20px;;
	margin:0px;
	background-image: url(images/top_11.jpg);
}
/*不带CHOOSE和MORE的产品列表小块图片*/
.mlist_pro{ margin-top:5px;}
.mlist_pro div{padding:5px 5px 6px 2px; float:left; width:237px; height:137px;overflow:hidden;}
.mlist_pro div a{ background:url(../images/prolist_mbg.gif) 0px 0px;padding:3px; display:block;width:231px;} 
.mlist_pro div a:hover{ background:url(../images/prolist_mbg.gif) 237px 0px;padding:3px;} 
.mlist_pro div a img,.mlist_pro div a:hover img{ border:0px;}