/* ����ͼ�� �Ѽ����� www.lanrentuku.com */
/* common */

.shangbu{width: 100%; max-width: 980px; margin: 0 auto;}
.chanpin{ float: left; display: block; width: 47%; }
.clearfix:before, .clearfix:after{ display:block; content:"\200b"; height:0;}
.clearfix:after{ clear:both;}
.clearfix{ *zoom:-1;}
.hide, .tmpl{ display:none;}
.wrap{ margin:0 auto; width:1186px;}
.product_main {
    
    position: relative;}
/* product_img */
.product_img{ background:#fff; height:100%; width:100%; position:absolute; left:0; top:0; overflow:hidden;}
.product_img .gallery_wrap, .product_img .gallery{ height:100%; width:100%; position:absolute; left:0; top:0;}
.product_img .place_gallery{ margin-left:-180px; left:50%; top:4%;}
.product_img img{ display:block; -ms-interpolation-mode:bicubic;}
.product_img .levelB, .product_img .levelC{ cursor:url(../images/zoom.png),-moz-zoom-in; 
cursor:url(../images/zoom.cur),pointer;}
.product_img .levelD{ cursor:url(../images/hand.png),-moz-grab; cursor:url(http://www.fengbuy.com/skin/frontend/fengbuy/default/images/hand.cur),move\9;}
.product_img .controller_wrap{ background:#fafafa; background:rgba(255,255,255,.7); border:1px solid #f0f0f0; padding:10px 0; position:absolute; left:0; bottom:0;}

.product_img .controller{ margin:0 10px; height:66px; width:446px; position:relative; overflow:hidden;}
.product_img .controller ul{ width:300%; position:absolute; left:0; top:0;}
.product_img .controller li{ float:left; padding-right:10px;}
.product_img .controller a{ display:block; border:1px solid #fafafa;}
.product_img .controller a:hover, .product_img .controller .current{ border-color:#c00725;}
.product_img .prev, .product_img .next{ display:none; background:#fff; background:rgba(255,255,255,.4); border-radius:0 56px 56px 0; height:56px; width:28px; position:absolute; left:4px; top:-240px; filter:Alpha(opacity=40);}
.product_img:hover .prev, .product_img:hover .next{ display:block;}
.product_img .prev:hover, .product_img .next:hover{ background:rgba(255,255,255,.8); filter:Alpha(opacity=80);}
.product_img .prev span, .product_img .next span{ display:block; background:url(../images/bg_hor.png) no-repeat 0 -14px; cursor:pointer; margin:18px 0 0 4px; height:20px; width:15px; overflow:hidden; text-indent:-99px;}
.product_img .hide, .product_img:hover .hide{ display:none;}
.product_img .next{ border-radius:56px 0 0 56px; left:auto; right:4px;}
.product_img .next span{ background-position:-15px -14px; margin-left:9px;}
.product_img .close_wrap{ position:absolute; right:8px; top:6px;}
.product_img .close_wrap a{ display:none; background:#fff url(../images/bg_hor.png) no-repeat -80px -127px; height:15px; width:15px; overflow:hidden; text-indent:-99px;}
.product_img .close_wrap a:hover{ background-position:-95px -127px;}

.jieshao{float: right; width: 50%;}

 .j-title{
	border: 1px solid #e9e9e9; background: #fff;


}
.gao{ height: 499px; }

 .j-title h1{ 
    height: 66px;
    background: #f8f8f8;
    line-height: 66px;
    padding: 0 20px;
    border-bottom: 1px solid #e9e9e9;}

 .j-title h3{ 
    height: 66px;
    background: #f8f8f8;
    line-height: 66px;
    padding: 0 20px;
    border-bottom: 1px solid #e9e9e9;}
.j-title p{ padding:0 30px;}


 .j-title h1 span.fl {
    display: inline-block;
    font-size: 18px;
    color: #c00725;
    font-weight: bold;
    padding-left: 30px;
}

 .j-title h3 span.fl {
    display: inline-block;
    font-size: 18px;
    color: #c00725;
    font-weight: bold;
    padding-left: 30px;
}

.xiabu{
	width: 100%; max-width: 980px;
    margin: 30px auto;

}


@media all and (max-width:980px){
    .chanpin{ float: none;  width: calc(100% - 60px); margin: 0 auto;  }
    .jieshao{ float: none;  width: calc(100% - 60px); margin: 0 auto;  margin-top: 30px; height: auto; overflow: hidden;}
    .jieshao .gao{ width:100%;   height: auto; overflow: hidden;}
    .xiabu { float: none;  width: calc(100% - 60px); margin: 30 auto;   }
    .product_img .controller_wrap {width: 100%;}
    .product_img .gallery_wrap{margin:0 auto; }
}


@media all and (max-width:530px){
    .chanpin{ float: none;  width: calc(100% - 0px); margin: 0 auto;  }
    .jieshao{ float: none;  width: calc(100% - 0px); margin: 0 auto;  margin-top: 30px; height: auto; overflow: hidden;}
    .jieshao .gao{ width:100%;   height: auto; overflow: hidden;}
    .xiabu { float: none;  width: calc(100% - 0px); margin: 30 auto;   }
    .product_img .controller_wrap {width: 100%;}
    .product_img .gallery_wrap{margin:0 auto; }
    .j-title p{ padding:0 ;}
     .j-title h1 span.fl {padding-left: 00px;}
}
@media all and (min-width:980px){
    .product_img .gallery_wrap{margin: 0 auto; }
}