.tas-tooltip {
    display: inline;
    position: relative;
}

    .tas-tooltip:hover {
        color: #c00;
        text-decoration: none;
    }

        .tas-tooltip:hover:after {
            background: #111;
            background: rgba(0,0,0,.7);
            border-radius: .5em;
            bottom: 1.35em;
            color: #fff;
            content: attr(title);
            display: block;
            padding: .3em 1em;
            position: absolute;
            text-shadow: 0 1px 0 #000;
            white-space: nowrap;
            transition: opacity 1s;
            z-index: 98;
            margin-left: -155px;
            margin-bottom: 10px;
        }

        .tas-tooltip:hover:before {
            border: solid;
            border-color: #111 transparent;
            border-color: rgba(0,0,0,.7) transparent;
            border-width: .4em .4em 0 .4em;
            bottom: 1em;
            content: "";
            display: block;
            position: absolute;
            transition: opacity 1s;
            z-index: 99;
            margin-bottom: 10px;
        }