.floatBox {
    width: 320px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(33, 25, 21, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(33, 25, 21, 0.3);
    -webkit-box-shadow: 0 0 5px 0 rgba(33, 25, 21, 0.3);
    float: right;
    position: absolute;
    max-width: 95vw;
    top:100%;
    right: 0;

    z-index: -1;
    display: none;
}

.floatBox .arrow {
    content: '\2666';
    position: absolute;
    top: -15px;
    color: #fff;
    font-size: 21px;
    text-shadow: 0px -2px 1px rgba(150, 150, 150, 0.3);
}

.floatBox.active {
    z-index: 9999999;
    display: block;
}