.tooltip {
    position: relative; 
    top: 0; 
    left: 0;
}

*.tooltip:hover span {
    opacity: 1; 
    visibility: visible;
}

*.tooltip span {
    z-index: 10;
    padding: 1em;
    bottom: 2em;
    right: -10em;
    width: 50%;
    background-color: #222222; 
    color: #FFFFFF;
    height: auto;
    border-radius: 0.5em; 
    opacity: 0; 
    position:absolute;
    visibility: hidden;
    word-wrap: break-word;
    -webkit-transition: all 0.5s; 
       -moz-transition: all 0.5s; 
        -ms-transition: all 0.5s; 
         -o-transition: all 0.5s; 
            transition: all 0.5s;    
}