﻿
@charset "utf-8";
/* CSS Document */


/*banner*/
#banner {position:relative;width:960px; height:121px;overflow:hidden;_margin-top:-3px; margin-bottom:13px;}
#banner_list img {border:0px;}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none; z-index:1002;
			margin:0; padding:0; top:10px; right:10px;}
#banner ul li { padding:0px 2px;float:left;display:block;cursor:pointer; background:url(../images/home/circle.png) no-repeat;width:18px; height:18px; color:transparent;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/home/circle.png",sizingMethod="crop"); text-indent:-9999px;}
#banner ul li.on { background:url(../images/home/circle_on.png) no-repeat transparent; width:18px; height:18px;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/home/circle_on.png",sizingMethod="crop"); text-indent:-9999px;}
#banner_list a{position:absolute;} <!-- 让四张图片都可以重叠在一起-->


/*主体*/
#product{width:904px;background:#fff;}

/*搜索部分*/
.pro_select{ height:102px;background-color:#fff; color:#595959; width:904px; margin:0 auto;}
.select{margin-top:20PX; width:904px;}
.select select{ width:140px;}
.searchbtn{ background:url(../images/btn/search2.jpg) no-repeat; width:62px; height:27px;}
.select span{ color:#e0002a; font-family:Arial; font-weight:bold;}

/*产品列表*/
.pro_list{width:892px; background-color:#e8e8e8; padding:8px 6px; padding-bottom:4px; margin:0 auto;}
.list-box {float:left; width:219px; height:225px; background-color:#fff; border:2px solid #E8E8E8;border-top:none;border-bottom:4px solid #E8E8E8;margin:0px;}
.list-box .skuname{ color:#00c3ed;  font-size:16px; font-family:"微软雅黑"; margin-left:21px;margin-top:15px;_margin-top:10px;}
.list-box .series{ color:#aeaeae; font:bold 13px arial;margin-left:21px; margin-top:5px;}
.list-box .img{width:150px; height:130px;_height:126px; margin:0 auto;}
.describe{width:177px; line-height:18px;margin-left:21px; color:#595959;}


/*产品onmouseover效果*/
.list-box-hover{float:left; width:219px;height:225px; background-color:#fff; border:2px solid #E8E8E8;border-top:none;border-bottom:4px solid #E8E8E8; position:relative;margin:0px;}
.list-box-hover .skuname{ color:#ff6600;  font-size:16px; font-family:"微软雅黑"; margin-left:21px;margin-top:15px;_margin-top:10px;}
.list-box-hover .series{ color:#MR993NV; font:bold 13px arial;margin-left:21px; margin-top:5px;}
.list-box-hover .img{width:150px; height:130px;_height:126px;margin:0 auto;}
.listborder2{ border:2px solid #ff6600; position:absolute; width:215px; height:221px; top:0; left:0px;}



/*弹出框*/
/*弹出框*/
.out2{padding:9px; width:855px; height:395px; background-color:#fff; color:#595959; position:relative;}
.out2 p{color:#595959;}
.outleft{float:left; width:415px;}
.outleft .imgshoe{width:413px; height:306px; border:1px solid #e9e9e9; margin-bottom:8px;}
.outleft .imgshoe img{width:360px; height:220px; margin:20px auto;}
.outleft .series{ font:bold 14px Arial; text-align:right; line-height:20px; padding-right:10px;}
.outleft .declare{ font:normal 12px "微软雅黑"; text-align:right; line-height:20px;padding-right:10px;}
.outleft .diconborder{ background:url(../images/product/out/prodetial_r7_c6.gif) no-repeat right top;}
.outleft .dgrayborder{border:1px solid #eeeeee; border-bottom:0;}
.outleft .seriesnum{font:normal 12px arial;color:#fff;}


.outright{float:right; width:360px; background:#ffffff url(../images/product/out/bgblue.jpg) no-repeat top; padding-left:30px; padding-right:40px;}
.outright p{ line-height:22px;}
.outright .name{ color:#191919; font:normal 24px "微软雅黑"; _font:bold 24px arial; line-height:40px; margin-top:10px;}
.outright .series{ color:#5b5a5a; font:bold 17px arial; margin-bottom:5px; }
.outright .h1{ color:#191919; font: normal 14px "微软雅黑"; margin:10px 0; }
.outright table{font:normal 12px "微软雅黑";}
.outright table span{ color:#1aa8d0;}
.outright .shop{background:url(../images/product/shop.jpg) no-repeat left; padding-left:20px; float:right; margin-right:20px;}
.outright .tmall{background:url(../images/product/tmall.jpg) no-repeat left; padding-left:20px;float:right;}
.outright a {color:#cf0d00; text-decoration:underline;}

.out2 .close a{position:absolute; right:15px; top:15px; color:#1da9d1; font:normal 24px arial;}

.mydiv {
_border:1px solid #bebebe;
z-index:999;
width: 873px;
height: 413px;
left:50%;
top:50%;
margin-left:-436px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-206px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}


.bg,.popIframe {
background-color: #666; display:none; 
_background-color:transparent;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}
.popIframe {
filter:alpha(opacity=0);/*IE*/
opacity:0;/*FF*/
}


/*翻页功能*/
#page{width:902px;height:35px;margin:0 auto;padding-top:10px;}
.page{ width:888px; margin:0 auto; font-family:Arial; height:31px; color:#595959; line-height:31px;}
.pre{background:url(../images/running/pre.jpg) no-repeat; width:10px; height:11px;}
.next{background:url(../images/running/next.jpg) no-repeat; width:10px; height:11px;}
.page span{ margin:0 2px;}
.pagegrey a{color:#595959;}
.pageblue a{color:#05a3c5;}
.page .focus{ font-size:16px; color:#000; font-weight:bold; border-bottom:2px solid #d80e02;}





.div1 {
	height:229px;
	width:223px;
	display:none;
	position:absolute;
	z-index:999;
	left:0px;
	
}

/*ie6下弹出框被select 遮住解决方法*/
.T_iframe   
{   
    position: absolute;/*绝对定位保证iframe不会占用流布局空间*/   
    width: 100%;    /*100%保证可以覆盖整个div*/   
    height: 100%;   
    z-index:-1; /*-1保证iframe显示在div下方*/  
}   
.T_div   
{   
    position: absolute;   
    left:0;   
    top:0px;   
    width: 100%;   
    height: 100%;    
    z-index:100;   
} 
