* {
        margin: 0;
        padding: 0;
    }
    ul {
        list-style: none;
    }
    /* 放大镜 */
    .zoom{
        width: 300px;
        height: 300px;
        position: relative;
        border: solid 1px #ccc;
        margin-top:10px;
        margin-left:10px;
    }
    .small_area{
        width: 300px;
        height: 300px;
    }
    .small_area img{
        width:95%;
        height:95%;
    }
    .big_area{
        width: 300px;
        height: 300px;
        position: absolute;
        left: -10000px;
        top: -1px;
        border: solid 1px #ccc;
        overflow: hidden;
    }
    .big_area img{
        position: absolute;
        left: 0;
        top: 0;
    }
    /*遮罩层*/
    .mask{
        position: absolute;
        left: -10000px;
        top: 0;
        width: 400px;
        height: 400px;
        background: #000;
        opacity:0.65;
        filter:alpha(opacity=65);
    }
    .img_x {
        width: 300px;
        height: 77px;
        margin-top: 20px;
        display: flex;
  
    }
    .img_x li{
        width: 50px;
        height: 50px;
        border: 2px solid transparent;
        margin: 8px 4px;
    }
    .img_x li img{
        width:45px;
        height:45px;
        margin:auto;
    }
    .img_u {
        width: 400px;
        height: 430px;
        border: 1px solid #eee;
        margin-left: 15px;
        overflow: hidden;
        display: none;
        position: absolute;
        top:50px;
        left:350px;
    }
    .details_right{
        margin-left:30px;
        padding:30px;
        font-size:14px;
        color:#333;

    }