@charset "UTF-8";
/*
*2016-5-31 show*
*/
/* reset */
.hide{display:none;}
.container {
    width: inherit!important;
}



.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .g-wrap:after, .g-wrap:before {
  display: table;
  content: " "; }

.clearfix:after, .container:after, .row:after, .g-wrap:after {
  clear: both; }

.ellipsis {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis; }

::-webkit-input-placeholder {
  color: #3c3c3c; }

::-moz-input-placeholder {
  color: #3c3c3c; }

::-o-input-placeholder {
  color: #3c3c3c; }

::-ms-input-placeholder {
  color: #3c3c3c; }


.container .slider_l {
  width: 60%;
  float: left; }
  .container .slider_l .left {
    width: 20%;
    float: left; overflow: hidden;}
    .container .slider_l .left a {
      display: block;
      padding-bottom: 8px;
      width: 130px;
      margin-left: 30px; line-height: 0;  }
  .container .slider_l .right {
    width: 60%;
    float: left;
    position: relative; background: url(../images/loading.gif) no-repeat;    background-position: center; }
    .container .slider_l .right img {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .container .slider_l .right .rotate {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      display: none;
      overflow: hidden;
      padding-top: 20px; z-index: 9999; }
      .container .slider_l .right .rotate a {
        width: 44px;
        height: 44px;
        display: block;
        background: url(../images/icon/ui_rotate.png) no-repeat;
        margin-top: -10px; }
      .container .slider_l .right .rotate .indicator {
        width: 0px;
        height: 4px;
        background: #7a7a7a;
        position: relative;
        left: 0;
        top: 2px; }
  @media only screen and (max-width: 1366px) {
    .container{padding-bottom: 40px;}
    .container .slider_l .right {
      width: 80%; }
      .container .slider_l .right .rotate {
        left: 80px;
        bottom: -25px; } }
.container .slider_r {
  width: 30%;
  float: left; }
  .container .slider_r ul {
    width: 100%; }
    .container .slider_r ul li .sel_title {
      font-size: 14px;
      color: #333;
      padding: 10px;
      display: block;
      border-bottom: 1px solid #e5e5e5; }
      .container .slider_r ul li .sel_title i {
        width: 9px;
        height: 9px;
        background: url(../images/icon/icon1.png) no-repeat -3px -20px;
        margin-right: 8px;
        display: inline-block; }
    .container .slider_r ul li .active i {
      background: url(../images/icon/icon1.png) no-repeat -20px -20px; }
    .container .slider_r ul li .sel_info,.sel_fabric {
      width: 100%;
      height: 0;
      overflow-y: auto;

      }

            .container .slider_r ul li .sel_info a{
        width: 25%;
        display: block;
        float: left; box-sizing: border-box;  line-height: 0; padding: 4px;}
      .sel_fabric a {
        width: 25%;
        display: block;
        float: left; box-sizing: border-box;  line-height: 0; padding: 4px; margin-top: 4px;}
        .sel_fabric a.on {border-color: #aaa;}
        .container .slider_r ul li .sel_info a img,.sel_fabric a img{
          width: 100%; }
          .container .slider_r ul li .sel_info a img{
            border: 1px solid #fff;
          }
          .sel_fabric a{
            border: 1px solid #fff;
          }
          .container .slider_r ul li .sel_info a.on img{border-color: #aaa;}

    .container .slider_r ul li:first-child .sel_title {
      border-top: 1px solid #e5e5e5; }


body {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none; }
  .img_zindex{position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100%; z-index: 1; display: none;}
  .zIndex{z-index: 999; display: block;}
  .opacity{opacity: 0;}

  /*广告图开始*/
#banner{width:100%;height:500px;overflow:hidden; position: fixed;  top: 0; display: none; z-index: 9999; background-color:#000000;}
#banner .bannerCon{width:750px;height:500px;background:blue;margin:0px auto;position:relative; margin-top: 150px; }
#banner .bannerCon .before{width:600px;height:500px;background:rgba(0,0,0,0.8);position:absolute;left:-600px;bottom:0px;z-index:333;}
#banner .bannerCon .before img{position:absolute;right:20px;top:200px;cursor:pointer;}
#banner .bannerCon .after{width:600px;height:500px;background:rgba(0,0,0,0.8);position:absolute;right:-600px;bottom:0px;z-index:333;}
#banner .bannerCon .after img{position:absolute;left:20px;top:200px;cursor:pointer;}
#banner .bannerCon .scroll{width:2000%;height:500px;position:relative;left:-750px;}
#banner .bannerCon .scroll img{width:750px;height:500px;float:left;}
#banner .bannerBut{width:200px;height:40px;position:absolute;left:275px;bottom:0px;}
#banner .bannerBut ul li{width:7px;height:7px;border-radius:7px;background:#666;margin:5px 7px;float:left; cursor: pointer;}
#banner .bannerBut ul li.hover{background:#c6171e;}
.close_btn{position: absolute;top: 5px;right: 5px; width: 26px; height: 25px; padding: 0;
    background-color: #a6a6a6;  font: 400 20px/1.19 Verdana,Geneva,sans-serif; text-align: center;
    color: #fff; cursor: pointer; z-index: 9999;
}
.close_btn:hover{background: #4a4a4a;}


.show_zoom{position: absolute; z-index: 1999; width: 80px; height: 20px; text-align: center; font-size: 16px; font-family: arial;}
        .show_zoom a{background: url(/statics/test/images/icon-zoom.png) no-repeat; display: block; width: 100%; height: 100%;}
        .zoom_img{width: 100%; height: 100%; position: absolute; top:0px; left: 0; z-index: 999; display: none; opacity: 0;filter:alpha(opacity=0);}
        .zoom_img a{display: block; width: 100%; height: 100%;}
          div.zoomDiv {
          z-index: 999;
          position: absolute;
          top: 0px;
          left: 0px;
          width: 200px;
          height: 200px;
          background: #ffffff;
          border: 1px solid #CCCCCC;
          display: none;
          text-align: center;
          overflow: hidden; }

        div.zoomMask {
          position: absolute;
          background: url(/statics/test/images/mask.png) repeat scroll 0 0 transparent;
          cursor: move;
          z-index: 1099; }

            .select_drop {
  position: relative;
  display: inline-block;
  border: 1px solid #777777;
  font-size: 14px;
  color: #4a4a4a;
  width: 160px;
  height: 34px;
  line-height: 34px;
  margin: 20px 27px 0 0px; }
  .select_drop label {
    display: block;
    cursor: pointer;
    text-indent: 20px; font-size: 18px; }
  .select_drop i {
    display: inline-block;
    width: 11px;
    height: 6px;
    background: url("/statics/front/images/icons/icon_drop.png");
    position: absolute;
    top: 14px;
    right: 18px; }
  .select_drop .tag {
    display: none;
    position: absolute;
    top: 33px;
    left: -1px;
    background: #fff;
    width: 160px;
    border: 1px solid #777777;
    border-top: 0;
    z-index: 10;
    padding: 8px 0; }
  .select_drop .tag a {
    display: block;
    padding: 0px 10px;
    line-height: 38px;
    font-size: 16px;
    color: #4a4a4a; }
  .select_drop .tag a:hover {
    color: #171717; }
    dl.clearfix dd {
    width: 25%;
    float: left;
    text-align: center;
    cursor: pointer;
}
dl.clearfix dd:hover{
  background: #d3e9ed;
}
    .select_drop:hover >.tag{display: block;}
    .add_car{    width: 160px;
    height: 34px;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #333333; background: #333333; position: relative; top: 2px;}
    .add_car:hover{background: #fff; color: #333; text-decoration: none;}

    /* threesixty */
#threesixty ol{display: none;cursor: pointer;}
.previous-image{visibility:hidden;width:0;}
#threesixty .loading{position:absolute;left:50%;top:50%;width:90px;height:90px;margin-left:-45px;margin-top:-50px;display:none;}
#threesixty .loading span{position:absolute;top:50%;width:100%;color:#333;font-size:12px;font-family:Arial, Verdana, sans;text-align:center;line-height:1em;margin-top:-0.5em;}
#threesixty em.loading{width:55px;padding:40px 0 0 0;display:block;position:absolute;top:50%;left:50%;margin:-27px 0 0 -27px;background:url(/statics/test/images/loading-ico.gif) no-repeat 10px 0;z-index:999999;text-align:center;font-size:12px;color:#219edf;font-family:Arial;font-style:normal;}
#threesixty .prev_btn {
    width: 16px;
    height: 23px;
    display: block;
    background: url(/statics/test/images/icon/ui_prev.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 10px;
    top: 300px;
}
#threesixty .next_btn {
    width: 16px;
    height: 23px;
    display: block;
    background: url(/statics/test/images/icon/ui_next.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 15px;
    top: 300px;
}

.add_car{
  display: none;
}
.js-first-panel .attribute{
  float: left;
  width: 50%;
  padding-right: 90px;
}
.js-first-panel .attribute .attr-list{
  height: 300px;
  overflow-y: auto;
}