﻿.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {
        position: absolute;
        cursor: pointer;
        display: block;
        background: url(/Content/images/a17.png) no-repeat;
        overflow: hidden;
    }

    .jssora05l {
        background-position: -10px -40px;
    }

    .jssora05r {
        background-position: -70px -40px;
    }

    .jssora05l:hover {
        background-position: -130px -40px;
    }

    .jssora05r:hover {
        background-position: -190px -40px;
    }

    .jssora05ldn {
        background-position: -250px -40px;
    }

    .jssora05rdn {
        background-position: -310px -40px;
    }

    .jssort01 .w {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .jssort01 .c {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        border: #eeeeee 2px solid;
    }

    .jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
        background: url(/Content/images/t01.png) center center;
        border-width: 0px;
        top: 2px;
        left: 2px;
        width: 68px;
        height: 68px;
    }

    .jssort01 .p:hover .c, .jssort01 .pav:hover .c {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        border: #f00 1px solid;
    }
    .product-images {
        position: relative; 
        top: 0px; 
        left: 0px; 
        width: 630px; 
        height: 500px; 
        /*background: #eeeeee;*/ 
        overflow: hidden;
        /*background-color: black;*/
    }
    .image-slides {
        cursor: move; 
        position: relative;
        text-align: center;
        left: 0px; 
        top: 0px; 
        width: 630px; 
        height: 420px; 
        overflow: hidden;
        /*background-color: black;*/
    }