.tooltipp {
    position: relative;
    display: inline-block;
    text-decoration: none;
    outline: none;
}

.tooltipp span {
    visibility: hidden;
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 999;
    width: 270px;
    margin-left: -127px;
    padding: 10px;
    opacity: .9;
    background-color: rgb(43, 42, 42);
}

.tooltipp:hover {
    border: 0;
    /* IE6 fix */
}

.tooltipp:hover span {
    visibility: visible;
}

.tooltipp span:before,
.tooltipp span:after {
    content: "";
    position: absolute;
    z-index: 1000;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0;
}

.tooltipp span:before {
    bottom: -8px;
}