﻿
.warp{ width:1200px; margin:0 auto;}
.rightside{width:697px; overflow:hidden; min-height:500px;}

/**************************放大镜效果(start)**************************/
#pdetail .gallery{width:380px; position:relative;}
#pdetail .gallery *{_behavior:none;}
#pdetail .gallery .bigimg{width:380px; overflow:hidden;border:1px solid #a1a1a1;}
#pdetail .gallery .bigimg a{width:380px; display:block; text-align:center; vertical-align:middle;}
#pdetail .gallery .bigimg a.case{}
#pdetail .gallery .bigimg a img{vertical-align:middle; max-width:100%; max-height:100%;}
#pdetail .gallery .MagicZoom{display:block; margin:0 auto;}
#pdetail .gallery .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#pdetail .gallery .MagicZoomBigImageCont{border:1px solid #999;}
#pdetail .gallery .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#666; background:#666; text-align:center !important;}
#pdetail .gallery .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#pdetail .gallery .MagicZoomLoading{border:1px solid #ddd; background:#fff url(../images/loading.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444;}
#pdetail .gallery #zoom-big{position:absolute; top:0; left:380px;}
#pdetail .gallery #zoom-big img{ max-width:none; max-height:none;}
#pdetail .gallery #small_img{position:relative; overflow:hidden; height:105px; margin:10px auto;}
#pdetail .gallery #small_img .bd span{float:left; margin-right:7px; display:block; width:70px; height:70px; text-align:center; overflow:hidden;}
#pdetail .gallery #small_img .bd span:last-child{ margin-right:0px;}
#pdetail .gallery #small_img .bd span.on{}
#pdetail .gallery #small_img .bd span a{vertical-align:middle; text-align:center;}
/**************************放大镜效果(end)**************************/
#pdetail .info{width:520px; margin-left:50px;margin-top: 30px;}
#pdetail .name{font-size:20px;color:#666;border-bottom:1px solid #333333}
#pdetail .price{ color:#666;}
#pdetail .brief{padding:11px 0px;font-size:12px;line-height:24px;}
#pdetail .feature{width:100%;padding:6px 14px;border-bottom:1px dashed #ccc}
#pdetail .feature td{min-width:140px;font-size:12px;line-height:20px;color:#333}
#pdetail a.btn{display:block;width:99px;height:30px; line-height:30px; text-align:center;color:white;background:#333333; font-size:14px;}
#pdetail .description{margin-top:20px}
#pdetail .description .hd{border-bottom:1px solid #cacdd2; padding-bottom:12px; overflow:hidden;}
#pdetail .description .hd span{ font-size:18px; color:#bbbbbb; cursor:pointer; float:left; margin-right:15px;}
#pdetail .description .hd span.cur{color:#666; font-weight:bold;}
#pdetail .description .bd>div{padding:18px; min-height:200px;}




#index_con{ overflow:hidden;}
#index_con .demo{ width:955px; margin:0 auto; overflow:hidden;}
#index_con .demo .row{ width:25%;}
#index_con .demo .row .inner{ width:160px; margin:0 auto; overflow:hidden; text-align:center; background:#0d0d0d;}
#index_con .demo .inner .img{ width:160px; height:160px; margin:0 auto; text-align:center; background:#101010;}
#index_con .demo .inner.case .img{ height:145px;}
#index_con .demo .inner .name{ margin:0 auto; line-height:20px; height:35px; overflow:hidden; padding:5px;}
#index_con .demo .inner .name a{ font-size:14px; color:#9b9b9b;}
#index_con .demo .inner .price{ font-size:16px; color:#666; margin-top:5px;}

#products{ overflow:hidden;}
.pro_right .down_list li span{color:#666;}
.tx0{ text-indent:0px;}
.webpath{ float:right; margin:10px 0 0 0; color:#6d685f;}
.webpath span{ color:#6d685f; margin:0px 5px;}
.clines{ width:835px; margin:0 auto; height:1px; background:#eae8e6; clear:both; overflow:hidden; margin-top:22px; margin-bottom:22px;}
