﻿
/**Navigator**/
.jssora07l, .jssora07r, .jssora07ldn, .jssora07rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(/Content/Images/contentSlider/a17.png) no-repeat;
    overflow: hidden;
}

.jssora07l {
    background-position: -5px -35px;
}

.jssora07r {
    background-position: -65px -35px;
}

.jssora07l:hover {
    background-position: -125px -35px;
}

.jssora07r:hover {
    background-position: -185px -35px;
}

.jssora07ldn {
    background-position: -245px -35px;
}

.jssora07rdn {
    background-position: -305px -35px;
}

/**Thumbnail**/
.jssort04 .w, .jssort04 .pav:hover .w {
    position: absolute;
    width: 60px;
    height: 30px;
    border: #fff 1px solid;
}

* html .jssort04 .w {
    width: /**/ 62px;
    height: /**/ 32px;
}

.jssort04 .pdn .w, .jssort04 .pav .w {
    border-style: solid;
}

.jssort04 .c {
    width: 62px;
    height: 32px;
    filter: alpha(opacity=45);
    opacity: .45;
    transition: opacity .6s;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
}

.jssort04 .p:hover .c, .jssort04 .pav .c {
    filter: alpha(opacity=0);
    opacity: 0;
}

.jssort04 .p:hover .c {
    transition:none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

/** Slider **/

.sliderContainer {
    position: relative; 
    width: 980px; 
    height: 400px; 
    background-color:#252525;
}

.loadingScreen {
    position: absolute; 
    top: 0px; 
    left: 0px;
}

.loadingScreenBlock {
    filter: alpha(opacity=70); 
    opacity: 0.7; position: absolute; 
    display: block; top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%;
}

.loadingScreenImg {
    position: absolute; 
    display: block; 
    background: url(/Content/Images/contentSlider/loading.gif) no-repeat center center; top: 0px; left: 0px; width: 100%; height: 100%;
}

.sliderContent {
    cursor: move; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    width: 980px; 
    height: 400px; 
    overflow: hidden; 
    /*border:1px solid #252525;*/
}

.sliderContentImg {
    position: relative; 
    width: 980px; 
    height:400px; 
    border:none;
}

