.marker-tooltip {
  z-index:999999;
  position:absolute;
  }
.marker-popup {
  position:relative;
  left:-50%;
  max-width:400px;
  background:#fff;
  border:1px solid #ccc;
  color:#000;
  padding:10px;
  -webkit-user-select:auto;
     -moz-user-select:auto;
          user-select:auto;
  -webkit-box-shadow:2px 2px 5px -2px #ccc;
          box-shadow:2px 2px 5px -2px #ccc;
  -webkit-border-radius:3px;
          border-radius:3px;
  }
  .marker-popup:after,
  .marker-popup:before {
    top:100%;
    border:solid transparent;
    content:'';
    height:0;
    width:0;
    left:50%;
    position:absolute;
    pointer-events:none;
    }

  .marker-popup:after {
    border-top-color:#fff;
    border-width:10px;
    margin-left:-10px;
    }

  .marker-popup:before {
    border-top-color:#ccc;
    border-width:12px;
    margin-left:-12px;
    }

  .marker-popup .marker-title {
    font-weight:bold;
    }