/* clearfix */
        .clearfix:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        *html .clearfix {
            zoom: 1;
        }

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

        .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;
                margin-left: 275px;
                margin-top: -50px;
            }

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

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

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

                #imageMenu li#onlickImg img, #imageMenu li:hover img {
                    width: 44px;
                    height: 44px;
                    border: 3px solid #959595;
                }
        /* bigImg */
        .bigImg {
            position: relative;
            float: left;
            width: 300px;
            height: 300px;
            overflow: hidden;
            border: #959595 solid 1px;
        }

            .bigImg #midimg {
                width: 300px;
                height: 300px;
            }

            .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;
            margin-top: 460px;
        }

            #bigView img {
                position: absolute;
            }