.bg {
    width:100%;
    /*height:540px;*/
    margin:0 auto;
    /*padding:20px;*/
    /*border:1px solid #E8E8E8;*/
    overflow:hidden;
    min-width:900px;
    box-sizing:border-box;
    /*background:#fff;*/
    position: relative;
}
.bg_left {
    width:420px;
    height:auto;
    float:left;
    margin-right: 60px;
}
.bg_right {
    /*float:left;*/
    position: absolute;
    left: 420px;
    top: 0;
}
.show {
    width:100%;
    height:420px;
    margin-bottom:10px;
    position:relative;
    border:1px solid #E8E8E8;
    cursor:move
}
.show img {
    width:420px;
    height:420px;
}
.mask {
    width:215px;
    height:215px;
    background:#000;
    filter:Alpha(opacity=50);
    opacity:0.5;
    position:absolute;
    top:0;
    left:0;
    display:none;
    background:url(../images/dian.png) repeat scroll 0 0 transparent;
    cursor:move;
    z-index:10;
    font-size:0;
}
.bigshow {
    width:430px;
    height:430px;
    overflow:hidden;
    margin-left:10px;
    display:none;
    border:1px solid #E8E8E8;
}
.bigshow img {
    width:860px;
    height:860px;
    margin-right:10px;
}
.smallshow {
    width:100%;
    height:70px;
    position:relative
}
.smallshow img {
    width:100%;
    border:1px solid #e8e8e8;
    box-sizing:border-box;
    transition:all 0.5s
}
.smallshow>.middle_box {
    margin-left:30px;
    margin-right:30px;
    width:360px;
    overflow:hidden;
    height:70px;
}
.smallshow .middle {
    overflow:hidden;
    transition:all 0.5s;
    height:70px;
}
.smallshow .middle>li {
    width:72px;
    height:60px;
    float:left;
    cursor:pointer;
    padding:0 6px;
}
.smallshow>p {
    position:absolute;
    top:0;
    width:22px;
    height:60px;
    margin-top:0;
}
.smallshow>.prev {
    left:0;
    background:url(../images/hover-prev.png) no-repeat center;
    transition:all 0.5s
}
.smallshow>.next {
    right:0;
    background:url(../images/hover-next.png) no-repeat center;
    transition:all 0.5s
}
.smallshow>.prev.prevnone {
    left:0;
    background:url(../images/hover-prev.png) no-repeat center;
    /*cursor:not-allowed*/
}
.smallshow>.next.nextnone {
    right:0;
    background:url(../images/hover-next.png) no-repeat center;
    /*cursor:not-allowed*/
}