/* jssor slider thumbnail navigator skin 02 css */
/*
.jssort02 .p            (normal)
.jssort02 .p:hover      (normal mouseover)
.jssort02 .p.pav        (active)
.jssort02 .p.pdn        (mousedown)
*/
.jssort02 {
    position: absolute;
    /* size of thumbnail navigator container */
    width: 240px;
    height: 480px;
    left: 0px;
    bottom: 0px;
}

.jssort02 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 99px;
    height: 66px;
}

.jssort02 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort02 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort02 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 95px;
    height: 62px;
    border: #000 2px solid;
    box-sizing: content-box;
    background: url(../img/t01.png) -800px -800px no-repeat;
    _background: none;
}

.jssort02 .pav .c {
    top: 2px;
    _top: 0px;
    left: 2px;
    _left: 0px;
    width: 95px;
    height: 62px;
    border: #000 0px solid;
    _border: #fff 2px solid;
    background-position: 50% 50%;
}

.jssort02 .p:hover .c {
    top: 0px;
    left: 0px;
    width: 97px;
    height: 64px;
    border: #fff 1px solid;
    background-position: 50% 50%;
}

.jssort02 .p.pdn .c {
    background-position: 50% 50%;
    width: 95px;
    height: 62px;
    border: #000 2px solid;
}

* html .jssort02 .c, * html .jssort02 .pdn .c, * html .jssort02 .pav .c {
    /* ie quirks mode adjust */
    width /**/: 99px;
    height /**/: 66px;
}

/* 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, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../img/a17.png) no-repeat;
    overflow: hidden;
}
.jssora05l { 
    background-position: -10px -40px; 
    top: 158px; 
    left: 248px;
}
.jssora05r { 
    background-position: -70px -40px; 
    top: 158px;
    right: 8px;
}
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }

.slider1_container {
    position: relative; 
    top: 0px; 
    left: 0px; 
    width: 960px;    
    height: 480px;
    background: #191919; 
    overflow: hidden;
}

.loading {
    position: absolute; 
    top: 0px; 
    left: 0px;
}

.slides {
    cursor: move; 
    position: absolute;
    left: 240px;
    top: 0px;
    width: 720px;
    height: 480px;
    overflow: hidden;
}

.load_first {
    filter: alpha(opacity=70); 
    opacity:0.7; 
    position: absolute; 
    display: block;          
    background-color: #000000; 
    top: 0px; 
    left: 0px;
    width: 100%;
    height:100%;
}

.load_img {
    position: absolute;
    display: block;
    background: url(../img/loading.gif) no-repeat center center;           
    top: 0px; 
    left: 0px;
    width: 100%;
    height:100%;
}