/*--------- slider ---------*/
#slide { width:680px; height:560px; position:relative; overflow:hidden;z-index:2;margin:0 auto;}

.gallery {
	width:680px;
	position:relative;
	z-index:2
}
.items {display:none;}

.pag {width:220px;padding:0;position:relative;}
.img-pags {position:static;z-index:1;display:block; height:550px !important}
.img-pags ul {margin:0}
.img-pags li {height:190px; width:220px;}
.img-pags li a {position:relative;display:block;}
.img-pags li a img {opacity:.6;}
.img-pags li a span{ display:block;}
.img-pags li.active a,.img-pags li a:hover{}
.img-pags li.active a img,.img-pags li a:hover img{ opacity:1;}
a.up {
	right:40px;
	background:url(../images/up.png) no-repeat left top;
}

a.down {
	right:0px;
	background:url(../images/down.png) no-repeat left top;
}
a.up, a.down {
	width:35px;
	height:35px;
	padding:0;
	display:inline-block;
	z-index:15;
	border-radius:0;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition: none;
	transition: none;
	top:0px;
	position:absolute;
	}
a.down:hover {
	background:url(../images/down.png) no-repeat left bottom;
	}
a.up:hover {
	background:url(../images/up.png) no-repeat left bottom;
	}
.but {position:absolute; top:-45px; right:0px}
.banner{
	width:680px;
	overflow:hidden;
	position:absolute;
	color:#fff;
	right:0px;
	z-index:15;
	background:url(../images/png.png) left top repeat;
	height:78px;
	}
.banner div {padding:22px 20px}
.banner span.font-2 {padding:10px 0 0 5px; display:inline-block}
/*-------- end slider -----------*/