/* jssor slider thumbnail navigator skin 05 css */
/*
.jssort05 .p           (normal)
.jssort05 .p:hover     (normal mouseover)
.jssort05 .pav           (active)
.jssort05 .pav:hover     (active mouseover)
.jssort05 .pdn           (mousedown)
*/
.jssort05 .f
{
    /*clip: rect(8px 122px 52px 8px);*/
    clip: rect(130px 0px 0px 60px);
}
.jssort05 .i
{
    position: absolute;
    background: #fff;
    filter: alpha(opacity=30);
    opacity: .3;
    width: 130px;
    height: 60px;
    top: 0;
    left: 0;
    
    transition: background-color .6s;
    -moz-transition: background-color .6s;
    -webkit-transition: background-color .6s;
    -o-transition: background-color .6s;
}
.jssort05 .pav .i
{
    background: #000;
    filter: alpha(opacity=10);
    opacity: .1;
}
.jssort05 .pdn .i { background: none; }

.jssort05 .p:hover .i, .jssort05 .pav:hover .i
{
    background: #000;
    filter: alpha(opacity=20);
    opacity: .2;
}
.jssort05 .p:hover .i
{
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.jssort051 .f
{
    /*clip: rect(8px 122px 52px 8px);*/
    clip: rect(130px 0px 0px 87px);
}
.jssort051 .i
{
    position: absolute;
    background: #fff;
    filter: alpha(opacity=30);
    opacity: .3;
    width: 130px;
    height: 87px;
    top: 0;
    left: 0;
    
    transition: background-color .6s;
    -moz-transition: background-color .6s;
    -webkit-transition: background-color .6s;
    -o-transition: background-color .6s;
}
.jssort051 .pav .i
{
    background: #000;
    filter: alpha(opacity=10);
    opacity: .1;
}
.jssort051 .pdn .i { background: none; }

.jssort051 .p:hover .i, .jssort051 .pav:hover .i
{
    background: #000;
    filter: alpha(opacity=20);
    opacity: .2;
}
.jssort051 .p:hover .i
{
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
                
/* jssor slider direction navigator skin 06 css */
/*
.jssord06l              (normal)
.jssord06r              (normal)
.jssord06l:hover        (normal mouseover)
.jssord06r:hover        (normal mouseover)
.jssord06ldn            (mousedown)
.jssord06rdn            (mousedown)
*/
.jssord06l, .jssord06r, .jssord06ldn, .jssord06rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../images/d12.png) no-repeat;
    overflow:hidden;
}
.jssord06l { background-position: -8px -38px; }
.jssord06r { background-position: -68px -38px; }
.jssord06l:hover { background-position: -128px -38px; }
.jssord06r:hover { background-position: -188px -38px; }
.jssord06ldn { background-position: -248px -38px; }
.jssord06rdn { background-position: -308px -38px; }