﻿/* jssor slider arrow navigator skin 05 css */
/*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */

#jssor_1 {
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
    width: 800px;
    height: 550px;
    overflow: hidden;
    visibility: hidden;
    background-color: transparent;
    padding-bottom:10px;
}


.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    background: url(../images/camera_skins.png) no-repeat -40px -40px;
    background-color:rgba(216, 216, 216, 0.85);
    cursor: pointer;
    height: 40px;
    width: 40px;
    overflow: hidden;
}

.jssora05l {
    background-position: 0 0;
}

.jssora05r {
    background-position: -40px -40px;
}

.jssora05l:hover {
    background-position: 0 0;
}

.jssora05r:hover {
    background-position: -40px -40px;
}

.jssora05l.jssora05ldn {
    background-position: 0 0;
}

.jssora05r.jssora05rdn {
    background-position: -40px -40px;
}

.jssora05l.jssora05lds {
    background-image: none;
    background-color:transparent;
}

.jssora05r.jssora05rds {
    background-image: none;
    background-color:transparent;
}
/* jssor slider thumbnail navigator skin 01 css */ /*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/

.jssort01 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 122px;
    height: 84px;
}

.jssort01 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort01 .w {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0;
    left: 0;
    width: 118px;
    height: 80px;
    border: rgba(0, 0, 0, 0.00) 2px solid;
    box-sizing: content-box;
    _background: none;
}

.jssort01 .pav .c {
    top: 0;
    left: 0;
    width: 118px;
    height: 80px;
    border: #FFF 2px solid;
    background-position: 50% 50%;
}

.jssort01 .p:hover .c {
    top: 0;
    left: 0;
    width: 118px;
    height: 80px;
    border: #FFF 2px solid;
    background-position: 50% 50%;
}

.jssort01 .p.pdn .c {
    background-position: 50% 50%;
    width: 118px;
    height: 80px;
    border: #fff 2px solid;
}

* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c { /* ie quirks mode adjust */
    width /**/: 122px;
    height /**/: 84px;
}
