﻿* 
{
    margin: 0; 
    padding: 0 ;
    box-sizing: border-box;
} 
ul, ol { list-style: none } 
a{ text-decoration:none; }

.jqfree{ max-width: 500px; margin:30px auto; }

/*大图样式*/
.img-big{ width: 100%;margin-bottom: 14px;overflow: visible;position: relative;} 
.img-big .swiper-slide{width: 100%;border: 1px solid #ededed;}
.img-big .swiper-slide .img-box{display: block; width: 100%;padding-top: 75%; }
.img-big .swiper-slide .img-box img{width: 100%;height: 100%;position: absolute;left: 0; top: 0;}  

/*小图样式*/
.img-small {width: 100%;overflow: hidden;margin: 0 auto;padding: 0 44px;}
.img-small .item{float: left;width: 100px;height: 100px;margin-right: 14px;border: 1px solid #ededed; cursor: pointer;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.img-small .item.active{border: 1px solid #000000;}
.img-small .swiper-button-next,
.img-small .swiper-button-prev{width: 44px;height: 100px;top: 0;margin-top: 0; background-color: #ededed; background-size: auto auto;}
.img-small .swiper-button-next{right: 0px;background-image: url(../images/right.png);background-position: center center;}
.img-small .swiper-button-prev{left: 0px;background-image: url(../images/left.png);background-position: center center;}
 
 