.gallery img { border: none; height:149px; width:800px;}
#wrapper {
margin: 0 auto;
width: 1000px;
padding: 20px 0 0;
overflow: hidden;
}
.gallery h2 {
margin: 0;
font-size: 16px;
line-height: 19px;
}
.gallery p {
font-size: 14px;
line-height: 17px;
margin: 0 0 10px;
}
.gallery pre {
margin: 0 0 15px;
color: #000094;
}
.gallery {
margin: 0 0 20px;
width: 800px;
position: relative;
}
.gallery .holder {
width: 100%;
position: relative;
overflow: hidden;
z-index: 2;
}
.gallery .holder ul {
margin: 0;
padding: 0;
list-style: none;
width: 30000px;
}
.gallery .holder ul li {
float: left;
width: 800px;
padding: 0 0px 1px 0;
}
.gallery .holder ul li img { display: block; }
/* vertical mode */
.gallery-vert { width: 240px; }
.gallery-vert .holder { height: 362px; }
.gallery-vert .holder ul { width: auto; }
.gallery-vert .holder ul li { float: none; }
.gallery-vert .holder ul li img {
vertical-align: top;
display: inline;
}
/* fade */
.gallery-fade { width: 240px; }
.gallery-fade .holder ul {
width: 100%;
height: 180px;
}
.gallery-fade .holder ul li {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 180px;
}
.paging {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
list-style: none;
z-index: 100;
}
.paging li {
padding: 0 10px 0 0;
float: left;
}
.paging li a {
width: 14px;
height: 14px;
display: block;
background-color: red;
text-align: center;
text-decoration: none;
color: #fff;
}
.paging li a.active {
background-color: yellow;
color: red;
}
.next,
.prev {
position: absolute;
right: -50px;
top: 50%;
margin-top: -25px;
width: 40px;
height: 40px;
background: url(../assets/btn-next.png) no-repeat;
z-index: 20;
overflow: hidden;
text-indent: -9999px;
outline: none;
cursor: pointer;
}
.next-disable { background: url(../assets/btn-next-disable.png) no-repeat; }
.prev {
background: url(../assets/btn-prev.png) no-repeat;
right: auto;
left: -50px;
}
.prev-disable { background: url(../assets/btn-prev-disable.png) no-repeat; }
.control {
font-size: 18px;
line-height: 21px;
}