.sb-description {
    padding: 20px;
    bottom: 25px;
    left: 0;
    border: 0;
    width: 60%;
    z-index: 1000;
    position: absolute;
    background: rgb(250, 250, 250);
    background: rgba(250, 250, 250, 0.7);
    color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    transition: all 200ms;
}

.sb-slider li.sb-current:hover .sb-description {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    filter: alpha(opacity=99);
    background: rgba(250, 250, 250, 0.7);
    opacity: 1;
}

.sb-slider li.sb-current .sb-description {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0;
}

.sb-description pre {
    font-family: "Arial";
    font-size: 15px;
    font-weight: normal;
    color: #0f0f0f;
    padding: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: transparent;
    border: 0;
}

.sb-description h3 {
    font-family: "Arial";
    font-size: 22px;
    font-weight: normal;
    color: #0f0f0f;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

.sb-description h3 a {
    color: #4a3c27;
}

.nav-arrows {
    display: none;
}

.nav-arrows a {
    width: 42px;
    height: 42px;
    background: black url(../img/L_arrow.png) no-repeat 16px 14px;
    background: rgba(0, 0, 0, 0.6) url(../img/L_arrow.png) no-repeat 16px 14px;
    position: absolute;
    top: 50%;
    left: 40px;
    text-indent: -9000px;
    cursor: pointer;
    margin-top: -21px;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;


}


.nav-arrows a:first-child {
    left: auto;
    background: black url(../img/R_arrow.png) no-repeat 18px 14px;
    background: rgba(0, 0, 0, 0.6) url(../img/R_arrow.png) no-repeat 18px 14px;
    right: 40px;
}

.nav-arrows a:hover {
    opacity: 1;
}

.nav-dots {
    text-align: center;
    position: absolute;
    bottom: -5px;
    height: 30px;
    width: 100%;
    left: 0;
    display: none;
}

.nav-dots span {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 3px;
    background: #cbbfae;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6),
    inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.nav-dots span.nav-dot-current {
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6),
    inset 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 0 0 3px #cbbfae,
    inset 0 0 0 8px #fff;
}

.nav-options {
    width: 70px;
    height: 30px;
    position: absolute;
    right: 70px;
    bottom: 0px;
    display: none;
}

.nav-options span {
    width: 30px;
    height: 30px;
    background: #cbbfae url(../images/options.png) no-repeat top left;
    text-indent: -9000px;
    cursor: pointer;
    opacity: 0.7;
    display: inline-block;
    border-radius: 50%;
}

.nav-options span:first-child {
    background-position: -30px 0px;
    margin-right: 3px;
}

.nav-options span:hover {
    opacity: 1;
}