/*preview*/

#preview{width:800px; margin:0px auto}

/* 未知大小的图片在已知容器中的垂直居中和水平居中 */

#spec-n1{width:800px;height:500px;margin:0px auto; overflow:hidden;vertical-align: middle; overflow:hidden;display: table-cell;text-align:center;}

#spec-n1 img{ margin:0px auto; border:0;margin-top:expression(220-this.height/2);max-height:500px;max-width:800px; display: inline-block}



/* 未知大小的图片在已知容器中的垂直居中和水平居中 */





#spec-n5{position:relative;height:px;padding:5px 23px 0 23px;}

#spec-list{width:800px;height:55px;overflow:hidden;}

#spec-list ul{height:55px;overflow:hidden;}

#spec-list li{width:90px; padding:0 3px;text-align:center; float:left; cursor:pointer}

#spec-list img{padding:0px;border:1px solid #E8E8E8; width:96px; height:76px;}



/*---------------------------*/

.spec-list{width:648px;height:90px;overflow:hidden;}

.spec-list ul{height:90px;overflow:hidden;}

.spec-list li{width:106px; padding-top:3px;text-align:center; float:left; cursor:pointer}

.spec-list img{padding:2px;border:1px solid #E8E8E8; width:96px; height:76px;}





#spec-n5 .control{position:absolute;top:46px;width:23px;height:32px;background-repeat:no-repeat;cursor:pointer;}

#spec-left{left:0px;background-image:url(img/prev02.png);}

#spec-right{right:0px;background-image:url(img/next02.png);}

/*jqzoom*/

.jqzoom{position:relative;padding:0;}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:312px;height:312px;background: #fff;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}

.bigimg{width:600px;height:600px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #fff;background:#f0f8fa 40% top no-repeat;opacity:0.4;-moz-opacity:0.4;-khtml-opacity:0.4;filter:alpha(Opacity=40);cursor:move;}

/*???*/

#preview_s{float:left;width:400px;}

/* 未知大小的图片在已知容器中的垂直居中和水平居中 */

#spec-sn1{width:400px;height:300px;margin:0px auto; overflow:hidden;vertical-align: middle; overflow:hidden;display: table-cell;text-align:center;}

#spec-sn1 img{ margin:0px auto; border:0;margin-top:expression(280-this.height/2);max-height:300px;max-width:400px; display: inline-block}

/* 未知大小的图片在已知容器中的垂直居中和水平居中 */

#spec-sn5{position:relative;height:90px;padding:5px 16px;}

#spec-sn5 .control{position:absolute;top:26px;width:10px;height:45px;background-image:url(img/thumb_btn.gif);background-repeat:no-repeat;cursor:pointer;}

#spec-sn5 #spec-right{ background-position:-11px 0}

#spec-slist{width:365px;height:90px;overflow:hidden;}

#spec-slist ul{height:90px;overflow:hidden;}

#spec-slist li{width:120px;text-align:center; float:left;}

#spec-slist img{padding:2px;border:1px solid #E8E8E8; width:100px; height:80px;}



/*???*/

.intro .img2 {width:998px; overflow:hidden; margin:0px auto;border:1px solid #eaeaea; border-bottom:3px solid #E3E3E3; background:#fff; margin-bottom:20px;}

.intro .txt2 {width:998px; overflow:hidden; margin:0px auto;border:1px solid #eaeaea;border-bottom:3px solid #E3E3E3;background:#fff; padding:20px 0;}



#preview3{width:980px; margin:0px auto;margin-bottom:20px;}

/* 未知大小的图片在已知容器中的垂直居中和水平居中 */

#spec-n3{width:980px;padding:20px 0;margin:0px auto;height:500px; overflow:hidden;}

#spec-n3 p{width:980px;height:500px;margin:0px auto;vertical-align: middle; overflow:hidden;display: table-cell;text-align:center;}

#spec-n3 img{ margin:0px auto; border:0;margin-top:expression(250-this.height/2);max-height:500px;max-width:980px; display: inline-block }

/* 未知大小的图片在已知容器中的垂直居中和水平居中 */









#preview3 .case_nav {

    border-bottom: 1px solid #E0E0E0;

    clear: both;

    display: inline;

    float: left;

    height: 33px;

	margin-left:172px;

    overflow: hidden;

    visibility: visible;

    width:650px;

}



#preview3 .case_nav li {background-color: #fff;border:1px solid #E0E0E0; border-bottom-color:#fff;

margin-right: 5px;float: left; display:inline-block; color:#333; padding:0 40px; line-height:32px; cursor:pointer

}

#preview3  .case_nav li.hover{ border:1px solid #E0E0E0; color:#fff; background:#EB4941}

#preview3 .con_casefont{ display:none}



#spec-n4{position:relative;height:90px;padding:0px 14px; width:660px; margin:0px auto; background:#EDEDED}



#spec-list2{width:640px;height:90px;overflow:hidden; margin-left:10px;}

#spec-list2 ul{height:90px;overflow:hidden;}

#spec-list2 li{text-align:center; float:left; margin-top:4px; margin-right:9px; display:inline-block}



#spec_line img{padding:2px;border:1px solid #E8E8E8; width:110px; height:76px; cursor:pointer}

#spec-n4 .control{position:absolute;width:24px;height:90px;cursor:pointer;}

#spec-left2{left:0px;background:url(../images/design/prev.jpg) no-repeat;}

#spec-right2{right:0px;background:url(../images/design/next.jpg) no-repeat;}

#spec-left2.disabled{background-position:0px 0px;}

#spec-right2.disabled{background-position:0px 0px;}

#spec_line{ width:980px;position:relative; margin-top:34px; line-height:14px;}

#spec_line .con_last{position:absolute;width:120px; left:5px;height:106px;cursor:pointer; text-align:center}

#spec_line .con_next{position:absolute; right:5px;width:122px;height:106px;cursor:pointer; text-align:center}

.intro .txt2 .tleft{width:650px; margin-left:20px; float:left; overflow:hidden; line-height:26px;}

.intro .txt2 .tleft .tleft_b{ display:none; padding:0 15px; width:620px; overflow:hidden}

.intro .txt2 .tleft .tleft_b .tleft_b_info{ width:620px; overflow:hidden; padding-bottom:10px;}

.intro .txt2 .tleft .tleft_b .tleft_b_info span{ float:left; background:#EFEFEF; padding:5px 15px; color: #666666;}

.intro .txt2 .tleft .tleft_b .tleft_b_info .tleft_b_info_2{ width:200px; float:right; display:inline-block; line-height:22px;}

.intro .txt2 .tleft .tleft_b .tleft_b_info .tleft_b_info_3{ float:left; width:350px;display:inline-block}

.intro .txt2 .tright{ float:right; width:274px; padding-right:20px;}

.intro .txt2 .tright .comment3{ width:100%; overflow:hidden}

.intro .txt2 .tright .comment3 h3 {border:1px solid #CCCCCC ;  margin:0; background:#EFEFEF; line-height:30px; text-align:center; padding:0 15px; width:110px; text-align:center; color:#333; font-size:14px; border-bottom:0}



.intro .txt2 .tright .comment3 .comment3_b {

    background: none repeat scroll 0 0 #FBFBFB;

    border: 1px solid #CCCCCC;

    color: #666666;

    line-height:26px;

    padding:10px 10px 20px 10px; 

    width:248px;

}



#spec-list3{ height: 180px;margin: 0 auto;width: 1000px; margin-left:30px}

#spec-list3 ul{display: inline-table;float: left;height: 166px;margin-left: 26px;overflow: hidden;}

#spec-list3 li {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #CCCCCC;

    display: inline;

    float: left;

    height: 154px;

    margin-right: 5px;

    padding: 5px;

    position: relative;

    width: 145px;

    z-index: 3;

}

#spec-list3 ul li p{ margin:0}

#spec-list3 ul li p.img img{width:145px;height:115px}

#spec-list3 ul li p.t1 a{width:145px;height:18px;line-height:18px;overflow:hidden;float:left;white-space: nowrap;max-width:180px; text-overflow: ellipsis; text-decoration:none}

#spec-list3 ul li p.t1 a strong{color:#f60;font-weight:bold}

#spec-list3 ul li p.t2{ line-height:18px}

#spec-n9 .control{ cursor: pointer;display: block;height: 162px;outline: 0 none;position: absolute;top: 45px;width: 20px;}

#spec-left3{background: url("../images/banner_l.png") no-repeat scroll left center #DDDDDD;left: 6px;}

#spec-right3{ background: url("../images/banner_r.png") no-repeat scroll left center #DDDDDD;right: 6px;}