* {
    margin: 0;
    padding: 0
}

ul,
li {
    list-style: none
}

img {
    border: 0;
    outline: none
}

.imgdet .imgpart {
    vertical-align: top;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    height: 100%;
}

.imgdet .imgpart .pic {
    position: relative;
    width: 100%;
    height: 100%
}

.imgdet .imgpart .pic .magnify {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height:100px;
    cursor: move;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.imgdet .imgpart .pic img {
    width: 100%;
    height: 100%
}

.imgdet .imgpart .bigpic {
    display: none;
    position: absolute;
    top: 0;
    right:-300px;
    width:300px;
    height:300px;
    z-index: 333;
    border: 1px solid #fff;
    overflow: hidden;
    background:#f5f5f5;
}
.imgdet .imgpart .bigpic>img {
    position: absolute;
    top: 0;
    left: 0;
    width:600px;
    height:600px;
}