.tooltip:before {
content: „“;
position: absolute;
right: 280px;
margin-top: 20px;
opacity: 0.85;
width: 0; height: 0;
border-bottom: 8px solid #ffcb66;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
display:none;
-webkit-transition: all 1.0s ease;
-moz-transition : all 1.0s ease;
transition : all 1.0s ease;
}

.tooltip:after {
content: attr(data-tooltip);
position: absolute;
right: 200px;
width: 266px;
background: #FFFF80;
padding: 5px 5px;
color: black;
margin-top: 1px;
opacity: 0.85;
-webkit-border-radius: 5px;
-moz-border-radius : 5px;
border-radius : 5px;
white-space: wrap;
display:none;
-webkit-transition: all 1.0s ease;
-moz-transition : all 1.0s ease;
transition : all 1.0s ease;
font-size: 14px;

}

.tooltip:hover:after, .tooltip:hover:before {
display:block;
}