div._hint{
    position:fixed;
    top:-1000px;   
    z-index:9999; 
    background:#2C194D;
    color:#C3D0E5;
    
  transition-property: left, top,display;
  transition-duration: 2s;
  transition-timing-function: ease-out;

  -webkit-transition-property: left, top,display;
  -webkit-transition-duration: 2s;
  -webkit-transition-timing-function: ease-out;

  -moz-transition-property: left, top,display;
  -moz-transition-duration: 2s;
  -moz-transition-timing-function: ease-out;
     border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;   
}
div._hint a{
  color:#C3D0E5;
}
    div._hint div
    {
        width:100%;
        height:auto;
        vertical-align:bottom;
        text-align:center;
        position:absolute;
        bottom:0;
    }
div._hint.transOff {
    background:red;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}