@charset "utf-8";

/*热门*/
.hot_box{ margin-top:5px}
.hot_box .hot_list{ background:#efefef; width:230px; height:190px; padding-top:40px; margin-right:10px}
.hot_box .hot_list a{ font-size:12px; display:inline-block; width:75px;padding-left:22px; margin:0 0 46px 0}
.hot_box .hot_list a:hover{ color:#7c7c7c}
.hot_box .hot_list i{display: inline-block;vertical-align: middle;margin: 0 6px 0 0;}
.hot_box .hot_list .ico_hot{background:url("../images/ico_hot.png") no-repeat; width:14px; height:14px;}
.hot_box .hot_list .ps1{background-position:0 0}
.hot_box .hot_list .ps2{background-position:0 -22px}
.hot_box .hot_list .ps3{background-position:0 -39px}
.hot_box .hot_list .ps4{background-position:0 -59px}
.hot_box .hot_list .ps5{background-position:0 -82px}
.hot_box .hot_list .ps6{background-position:0 -105px}
.hot_box ul li{ width:480px; height:230px;}

/*楼层*/
.floor_box{height: 370px;overflow:hidden;margin-top:15px;}
.floor_box .left{width:230px;height: 370px;}
.floor_box .left a{ display:inline-block; width:100%; height:100%}
.floor_box .left span{ font-size:24px; color:#fff; line-height:1.2; text-align:center; padding-top:200px; display: block}
.floor_box .left em{ width:66px; border:1px solid #fff; height:20px; line-height:20px; font-size:12px; color:#fff;  display:inline-block; margin-top:36px;border-radius: 10px;}
/* .floor_box .right{ width:960px; height:380px; background:#f7f7f7}
.floor_box .right li{ width:206px; border:1px solid #f3f3f3; float:left; height:308px; background:#fff; padding:70px 16px 0 16px; } */
.floor_box .right{width:958px;height: 368px;background:#f7f7f7;position:relative;border:1px solid #f3f3f3;}
.floor_box .right ul{width:966px;height: 368px;overflow:hidden;position:absolute;}
.floor_box .right li{width:206px;margin-right:2px;float:left;display:inline;height: 308px;background:#fff;padding:60px 16px 0 16px;}
.floor_box .right li .pic{width: 170px;height: 150px;margin:0 auto 30px auto;}
.floor_box .right li .pic img{width: 170px;height: 170px;transition: -webkit-transform .4s ease;-moz-transition: transform .4s ease,-moz-transform .4s ease;transition: transform .4s ease;transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.floor_box .right li:hover img{-webkit-transition: -webkit-transform .4s ease;transition: -webkit-transform .4s ease;-moz-transition: transform .4s ease,-moz-transform .4s ease;transition: transform .4s ease;transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.floor_box .right li h3 { font-size:14px; line-height:1.2; text-align:left}
.floor_box .right li p{ font-size:12px; line-height:1.2; height:30px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; width:206px}
.floor_box .right li .price{font-size:24px;color:#ff0000;margin-top: 10px;}
.floor_box .right li span{ font-size:18px}
.floor_box .right li .cart{ width:26px; height:18px;background:url("../images/ico_cart.png") no-repeat; float:right;display: inline-block;vertical-align: middle; margin-top:6px}
.floor_box .bgcolor1{ background:#1396dc url("../images/ico_floor_1.png") no-repeat center 120px ; text-align:center}
.floor_box .bgcolor2{ background:#f9c801 url("../images/ico_floor_2.png") no-repeat center 120px ; text-align:center}
.floor_box .bgcolor3{ background:#dd1464 url("../images/ico_floor_3.png") no-repeat center 120px ; text-align:center}
.floor_box .bgcolor4{ background:#1fc8b5 url("../images/ico_floor_4.png") no-repeat center 120px ; text-align:center}
.floor_box .bgcolor5{ background:#dce528 url("../images/ico_floor_5.png") no-repeat center 120px ; text-align:center}

/*焦点图*/
.focus_box{ background:#f9c801; height:375px; overflow:hidden}
.focus{ position:relative; width:970px; height:375px; background-color: #000; float: right;}
.focus img{ width: 970px; height: 375px;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}
.focus .fPic{ position:absolute; left:0px; top:0px; }
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }
.focus .fcon img{ display:block; }
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left;  }
.focus .D1fBt .current,.focus .D1fBt a:hover{}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: -300px;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: -70px;  background-position:-40px -74px;  cursor:pointer;}
.focus .prev:hover{  background-position:0 0; }
.focus .next:hover{  background-position:-40px 0;}