.zzc{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,0.6);
    display: none;
    top: 0;
    left: 0;
  }
  .tc{
    padding:0 10px;
    position: fixed;
    display: none;
     left: 50%; top:50%;transform: translate(-50%, -50%);
     width: 90%;
     max-height: 80%;
     background: #fff;
     z-index: 99999;
     -moz-box-shadow:3px 2px 16px #333333; -webkit-box-shadow:3px 2px 16px #333333; box-shadow:3px 2px 16px #333333;
     text-align: center;
  }
  .fh{
    color: #999;
    font-size: 18px;
    display: block;
    width: 100%;
    text-align: right;
    padding: 10px;
    padding-right: 23px;
  }

  .dt{
    max-width: 100%;
    width: auto;
    max-height: 87%;
    display: inline-block;
  }
  .tc_title{
    font-size: 17px;
    color: #999;
    padding: 15px;
    width: 100%;
    display: block;
    text-align: center;
   
  }
  .tc img{
    width: auto;
    height: auto;
  }
  #pageContent {width: 100%; height: 100%;max-height: 536px;overflow: hidden;position:relative;margin:50px auto;}

#imgContainer {width: 100%;height: 100%; max-height: 536px;}

#positionButtonDiv {background: rgb(58, 56, 63);background: rgba(58, 56, 63, 0.8);border: solid 1px #100000;color: #fff;padding: 8px;text-align: left;position: absolute;right:35px;top:35px;}

#positionButtonDiv .positionButtonSpan img {float: right;border: 0;}

.positionMapClass area {cursor: pointer;}

.zoomButton {border: 0; cursor: pointer;}

.zoomableContainer {
  /*background-image: url("/skin/fd/images/transparent.png");*/
  background: #fff;
}