ul,li{list-style: none;margin:0;padding:0;}
    .bg_left{width: 380px;height:auto;float: left}
    .bg_right{position: relative;}
    .show{max-width: 100%; margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}
    .show img{}
    .mask{width: 180px;height: 180px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position:absolute;top: 0;left: 0;display: none;}
    .bigshow{width: 450px;height: 280px;overflow: hidden;margin-left: 10px;display:none;border:1px solid #E8E8E8;
    position:absolute;left: 460px;}
    .bigshow img{width: 540px;height: 620px;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;overflow: hidden;height: 70px;}
    .smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
    .smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:5px;}
    .smallshow>p{    position: absolute;
    top: 50%;
    width: 22px;
    height: 70px;
    margin-top: -34px;}
    .smallshow>.prev{left: 0;background: url(../styles/images/prev.png)no-repeat;transition: all 0.5s}
    .smallshow>.next{right: 0;background: url(../styles/images/next.png)no-repeat;transition: all 0.5s}
    .smallshow>.prev.prevnone{left: 0;background: url(../styles/images/prev.png)no-repeat;}
    .smallshow>.next.nextnone{right: 0;background: url(../styles/images/next.png)no-repeat;}