/*屏幕宽度小于1190，自动适配1024设计分辨率*/

  .main-map{
    width:925px;
    height:518px;
    margin:0 auto;
    position:relative;
    .hot-area{
      width: 117px;
      height: 86px;
      position: absolute;
      left: 615px;
      cursor: pointer;
      
      top: 188px;
        .china-area{
          background:url(../images/map/china.png) center no-repeat;
          width:450px;
          height:342px;
          position:absolute;
          z-index:32;
          cursor:pointer;
          display:none;
          left:-185px;
          top:-178px;
      }
      .background{
        z-index:31;
        width:1080px;
        height:605px;
        position:absolute;
        left:-720px;
        top:-170px;
        background:#fff;
        filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
        -moz-opacity:0.5; /*Firefox私有，透明度50%*/
        opacity:0.5;/*其他，透明度50%*/
        display:none;
      }
    }
    .hot-area:hover{
         .china-area{display:block;}
         .background{display:block;}
    }
    img{
      width:925px;
      height:518px;
    }
  }
  .city-shop-list{
    width:345px;
    background:#fff;
    height:100%;
    float:left;
        position:absolute;
    left:0;
    top:0;
    z-index:12;
    .city-list{
      width:345px;

      overflow:auto;
      a.link{
        @include blockwh(100%,100%);
      }
      .shop{
        cursor:default;
        margin: 15px 0;
        padding-left:20px;
        @include fontstyle;
         .title{ @include fontstyle;font-size:21px;color:#000;font-weight:bold;}
        .subtitle{
           @include fontstyle;
          font-size:18px;
          filter:alpha(opacity=35); 
          -moz-opacity:0.35; 
          opacity:0.35;
          color:#000;
        }
        .detail{font-size:14px; @include fontstyle;color:#000;}
      }
      .shop:hover{
        cursor:default;
        padding-left:20px;
        filter:alpha(opacity=35); 
        -moz-opacity:0.35; 
        opacity:0.35;
      }
    
    }
    .city-name-list{
      margin:0 0 20px 0;
      padding:10px 0 0 0;
      list-style:none;
      width:345px;
      overflow:hidden;
      @include fontstyle;
      li.city{
        width:115px;
        height:25px;
        line-height:25px;
        font-size:18px;
        color:#a6a6a6;
        text-align:center;
        float:left;
        cursor:pointer;
        a{color:#000;}
      }
      li.city-choosen{
        width:115px;
        height:25px;
        float:left;
        line-height:25px;
        font-size:18px;
        color:#fff;
        background:url(../images/map/choosen_1024.png) center no-repeat;
        text-align:center;
        cursor:pointer;
        a{color:#fff;}
      }
    }
    

  }
   .map-zoom{
    position:fixed;
    z-index:15;
    width:72px;
    height:132px;
    display:none;
    left:353px;
    top:177px;
    .max{width:32px;height:32px; background:url(../images/map/zoom.png) -32px top no-repeat;margin:10px;}
    .min{width:32px;height:32px; background:url(../images/map/zoom.png) -32px -32px no-repeat;margin:10px;}
  }