/*放大镜*/
        /*竖向排列*/
        
        #pc_pro_pics {
            background: #fff;
            display: block;
//          overflow: hidden;
        }
        /*放大镜*/
        /*防止全局样式img{max-width:100%;}的影响下出现的bug*/
        
        .preview img {
            max-width: initial !important;
        }
        /*防止全局样式img{max-width:100%;}的影响下出现的bug*/
        
        .preview {
            position: relative;
        }
        
        .tb-pic a {
            display: inline-block;
            text-align: center;
            vertical-align: middle;
        }
        
        .tb-pic a img {
            vertical-align: middle;
            max-width: auto;
            width: 100%;
        }
        
        .tb-pic a {
            *display: block;
            *font-family: Arial;
            *line-height: 1;
        }
        
        .tb-thumb {
            position: absolute;
            width: 99999px;
        }
        
        .tb-thumb li {
            overflow: hidden;
        }
        /*li的长度就是移动的长度，margin如果改变，需要在js里改变相应的值*/
        
        .tb-booth {
            float: left;
            border: 1px solid #CDCDCD;
            position: relative;
            z-index: 1;
            background: #fff;
            overflow: hidden;
        }
        
        .tb-thumb li a {
            text-align: center;
            display: inline-block;
            overflow: hidden;
        }
        
        div.zoomDiv {
            z-index: 999;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 200px;
            height: 200px;
            background: #ffffff;
            border: 1px solid #CCCCCC;
            display: none;
            text-align: center;
            overflow: hidden;
        }
        
        div.zoomMask {
            position: absolute;
            background: #000;
            background: rgba(0, 0, 0, 0.3);
            filter: alpha(opacity=30);
            cursor: move;
            z-index: 1;
        }
        /*重要起效样式不能删*/
        
        .bigimg {
            max-width: none;
        }
        /*重要起效样式不能删*/
        
        .smallImg {
            position: relative;
        }
        
        .smallImg img {
            max-height: 100%;
            max-width: 100%;
        }
        
        .smallImg .box {
            position: relative;
            overflow: hidden;
            display: block;
        }
        
        .smallImg .prev {
            position: absolute;
            left: 0;
            top: -35px;
            right: 0;
            margin: auto;
        }
        
        .smallImg .next {
            position: absolute;
            left: 0;
            bottom: -35px;
            right: 0;
            margin: auto;
        }
        
        .smallImg .prev:hover,
        .smallImg .next:hover {
            text-decoration: none;
            color: #005656;
            cursor: pointer;
        }
        /*经常根据条件要改变的值*/
        /*中图的宽高*/
        
        .tb-s310{
        	height: 460px;
            width: 77%;
            line-height: 460px;
            text-align: center;
        }
        .tb-s310 a {
            height: 460px;
            width: 100%;
            line-height: 460px;
            text-align: center;
        }
        
        /*小图box的宽高左右边距等*/
        
        .smallImg {
            /*float: left;*/
            width: 130px;
            height: 460px;
            margin-right: 20px;
        }
        /*小图中图片容器的的大小，这个的高度和margin之和要等于.smallImg的高*/
        
        .smallImg .box {
            width: 130px;
            height: 460px;
        }
        /*小图的图片box的大小*/
        
        .tb-thumb li {
            width: 130px;
            height: 117px;
        }
        /*小图的图片box中图片的大小和上下边距*/
        
        .tb-thumb li a {
            border: 1px solid #ccc;
            width: 100%;
            height: 107px;
        }
        /*小图选中样式*/
        
        .tb-thumb .tb-selected a {
            border: 4px solid #303030;
        }
        /*切换箭头*/
        
        .smallImg .prev {
            width: 45px;
            height: 25px;
            background-position: 0 -50px;
        }
        
        .smallImg .next {
            width: 45px;
            height: 25px;
            background-position: -23px -50px;
        }
        /*箭头颜色样式,若使用这个base64的图片，必须是白底的背景才不会出问题*/
        
        .smallImg .prev{
            background: url(../images/shangjianyou.png)no-repeat center;
        }
        .smallImg .next {
            background: url(../images/xiajiantou.png)no-repeat center;
        }
        
//      .smallImg .prev:hover,
//      .smallImg .next:hover {
//          text-decoration: none;
//          background-color: #ca0;
//          cursor: pointer;
//      }
        /*经常根据条件要改变的值*/
        /*手机端布局*/
        
        #mobile_pro_pics {
            display: none;
            margin: 20px auto;
        }
        
        .swiper-slide {
            text-align: center;
            float: left;
            text-align: center;
            position: relative;
        }
        
        .swiper-slide img {
            max-height: 200px;
        }
        
        .swiper-pagination-switch {
            width: 10px;
            height: 10px;
            display: inline-block;
            margin: 0 3px;
            border-radius: 50%;
            background: #ccc;
        }
        
        .swiper-active-switch {
            background: #FF9201;
        }
        
        @media (max-width: 767px) {
            #pc_pro_pics {
                display: none;
            }
            #mobile_pro_pics {
                display: block;
            }
        }
        .swiper-slide img{
            border: 1px solid #ccc;
        }
        /*放大镜*/