/* color */
a:link, a:visited {
    color: #575757;
    text-decoration: none;
}

a:hover {
    color: #ef4165;
    text-decoration: none;
}

a:active {
    color: #1d7400;
}
/* clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


.preview {
    height: 465px;
}
/* smallImg */
.smallImg {
    position: relative;
    height: 52px;
    margin-top: 1px;
    background-color: #F1F0F0;
    padding: 6px 5px;
    overflow: hidden;
    float: left;
    width:100%;
}

.scrollbutton {
    width: 14px;
    height: 50px;
    overflow: hidden;
    position: relative;
    float: left;
    cursor: pointer;
}

    .scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled {
        background: url(/Images/d_08.png) no-repeat;
    }

    .scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled {
        background: url(/Images/d_09.png) no-repeat;
    }

#imageMenu {
    height: 50px;
    width: 550px;
    overflow: hidden;
    margin-left: 0;
    float: left;
}

    #imageMenu li {
        height: 50px;
        width: 60px;
        overflow: hidden;
        float: left;
        text-align: center;
    }

        #imageMenu li img {
            width: 44px;
            height: 44px;
            cursor: pointer;
        }

        #imageMenu li#onlickImg img, #imageMenu li:hover img {
            width: 44px;
            height: 44px;
            border: 2px solid #191b2e;
        }
         #imageMenu li#onlickImg .play-icon {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 10px;
            left: 10px;
            margin-left: 18px;
            margin-top: -42px;
            background: url(/Images/common/icon-play.png) no-repeat;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }
/* bigImg */
.bigImg {
    position: relative;
    height: 400px;
    overflow: hidden;
    margin: 0 auto;
    text-align:center;
}

    .bigImg #midimg {
        height:100%!important;
        padding:10px;
    }

    .bigImg #winSelector {
        width: 235px;
        height: 210px;
    }

#winSelector {
    position: absolute;
    cursor: crosshair;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    background-color: #000;
    border: 1px solid #fff;
}
/* bigView */
#bigView {
    position: absolute;
    border: 1px solid #959595;
    overflow: hidden;
    z-index: 999;
}

    #bigView img {
        position: absolute;
    }