.tooltip-box {
    position: relative;
    display: inline-block;
}
.tooltip-box .tooltip-text {
    visibility: hidden;
    min-width: 200px;
    background-color: #242424;
    color: #fff;
    text-align: center;
    padding: 6px 0;
    position: absolute;
    z-index: 1;
    margin-top: -6px;
    margin-left: 13px;
}

.tooltip-box .tooltip-text:before {
    content:"\A";
    border-style: solid;
    border-width: 7px 10px 7px 0;
    border-color: transparent #242424 transparent transparent;
    position: absolute;
    left: -10px;
    top: 5px;
}

.tooltip-box:hover .tooltip-text {
    visibility: visible;
}