@charset "utf-8";
/*
 * 缩略图轮播器样式
 * Created by hxw on 2016/4/15.
 * contract me by hxw_666@foxmail.com
*/
.thumbnail{position: relative;width:100%;height:175px;margin:20px 0 0 0;zoom:1;overflow:hidden;}
.thumbnail ul{position:absolute;width:1100px;height:100%;margin:0;}
.thumbnail li{display:inline-block;width:175px;height:100%;margin-right:11px;}
.thumbnail li img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    /*height:100%;*/
    border:none;
    border-radius:5px;
}

/* 翻页按钮样式 */
.thumbnail-nav{
    position:absolute;
    top:30%;
    display:inline-block;
    width:26px;
    height:50px;
    background: #d2d2d2;
    opacity:1;
}
.thumbnail-nav:hover{
    visibility: visible;
}
.thumbnail-prev, .thumbnail-nav{
    opacity: 0.6;
}
.thumbnail-prev{
    background-image: url("images/left-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    left:0;
}
.thumbnail-prev:hover{
    background-image: url("images/left-arrow-active.png");
}
.thumbnail-next{
    background-image: url("images/right-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    right:0;
}
.thumbnail-next:hover{
    background-image: url("images/right-arrow-active.png");
}
.thumbnail-prev-disabled{
    background: url("images/left-arrow.png") no-repeat center!important;
}
.thumbnail-next-disabled{
    background: url("images/right-arrow.png") no-repeat center!important;
}