img.img-marker
{
    cursor: crosshair;
}
.marker,
.marker-image
{
    display: block;
    position: absolute;
    background: linear-gradient(to bottom, #61ccfe, #2681fe);
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 2147483647;
}
.marker[data-type=LINK],
.marker-image[data-type=LINK]
{
    display: block;
    position: absolute;
    background: linear-gradient(to bottom, #75edb3, #26b26e);
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 2147483647;
}
.marker::before,
.marker-image::before
{
    content: " ";
    width: 40px;
    height: 40px;
    display: block;
    background: rgba(150, 210, 250, 0.3);
    margin: -7px;
    border-radius: 20px;
}
.marker[data-type=LINK]::before,
.marker-image[data-type=LINK]::before
{
    content: " ";
    width: 40px;
    height: 40px;
    display: block;
    background: rgba(89, 222, 158, 0.3);
    margin: -7px;
    border-radius: 20px;
}

.marker-overlay
{
    background: rgba(255, 255, 255, 0.5);
    padding: 5px;
    display: block;
    position: absolute;
    border: 1px solid #aaa;
    border-radius: 4px;
    /*opacity: 0;*/
    z-index: 999999;
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
     -o-animation: fadein 0.5s; /* Opera < 12.1 */
        animation: fadein 0.5s;
}
.marker-overlay > img
{
    display: block;
    margin: auto;
    vertical-align: middle;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.marker-title
{
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 14px;
    display: inline-block;
    z-index: 99999;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    min-width: 100px;
}