.box_skitter {position: relative;width: 980px;height:400px;z-index:5;}
.box_skitter ul {display: none;}
.box_skitter .container_skitter {overflow: hidden;position: relative;}
.box_skitter .image {overflow: hidden;}
.box_skitter .image img {display: none;}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position: absolute;top: 0;	left: 0;width: 100px;	overflow: hidden;display: none;	z-index: 20;}
.box_skitter .box_clone img {position: absolute;top: 0;	left: 0;z-index: 20;}

/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {position: absolute;top: 84%;left:825px; z-index: 152;width: 42px;	height: 42px;overflow: hidden;	text-indent: -9999em;margin-top: -25px;	-webkit-transition: all 0.2s;-moz-transition: all 0.2s;	transition: all 0.2s;opacity: .5}
.box_skitter .next_button {	position: absolute;	top: 84%;right: 20px;z-index: 152;	width: 42px;height: 42px;overflow: hidden;text-indent: -9999em;margin-top: -25px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;	transition: all 0.2s;opacity: .5}
.box_skitter .prev_button:hover, .box_skitter .next_button:hover {opacity: 1 !important;}


/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {	position: absolute;	bottom: -40px;	z-index: 151;	padding: 5px 0 5px 5px;	-moz-border-radius: 50px;-webkit-border-radius: 50px;	border-radius: 50px;}
.box_skitter .info_slide_dots .image_number {background: #333;	float: left;margin: 0 5px 0 0;cursor: pointer;	-moz-border-radius: 50px;-webkit-border-radius: 50px;	border-radius: 50px;width: 18px;height: 18px;text-indent: -9999em;	overflow: hidden;	-webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}
.box_skitter .info_slide_dots .image_number:hover {	background: #000;}
.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover {background: #c33;float: left;margin: 0 5px 0 0;}



/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter {z-index: 150;	position: absolute;	bottom: 0px;	left: 0px;	display: none;}
.box_skitter .label_skitter {z-index: 150;position: absolute;bottom: 0px;left: 0px;color: #fff;display: none;	opacity: 0.8;
background: #000;}
.box_skitter .label_skitter p {	padding: 10px;	margin: 0;	font: normal 22px arial,tahoma;	letter-spacing: -1px;}
.box_skitter .progressbar {background: #000;position: absolute;	top: 5px;	left: 15px;	height: 5px;width: 200px;z-index: 99;
	border-radius: 20px;}

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide {display: none;	position: absolute;	z-index: 152;bottom: 30px;	left: -40px;width: 100px;height: 100px;	background: #fff;	border: 1px solid #222;	overflow: hidden;}
.box_skitter .preview_slide ul {height: 100px;overflow: hidden ;margin: 0 ;	list-style: none ;display: block ;position: absolute ;	top: 0;	left: 0;}
.box_skitter .preview_slide ul li {	width: 100px ;height: 100px ;overflow: hidden ;float: left ;margin: 0 ;padding: 0 ;	position: relative ;display: block ;}
.box_skitter .preview_slide ul li img {	position: absolute ;top: 0 ;left: 0 ;height: 100px ;width: auto ;}



.skitter-clean .prev_button, .skitter-clean .next_button, .skitter-clean .play_pause_button, .skitter-clean .focus_button {display: block;background: url('sprite.png') no-repeat;}
.skitter-clean .prev_button {background-position: 0px -236px; width:67px; height:69px;}
.skitter-clean .next_button {background-position: -70px -236px;width:67px; height:69px;}
.skitter-clean .play_pause_button {background-position: -0px -133px;width: 41px;height: 41px;}
.skitter-clean .play_pause_button.play_button {	background-position: -0px -92px;	width: 41px;	height: 41px;}
.skitter-clean .focus_button {background-position: -0px -174px;	width: 41px;	height: 41px;}
.skitter-clean .info_slide {background: transparent;}
.skitter-clean .info_slide .image_number {background: #fff;	box-shadow: rgba(0,0,0,0.2) 1px 1px 0; font-size: 12px; font-weight: normal;	color:#333; display:none;}
.skitter-clean .info_slide .image_number:hover {background: #ccc;}
.skitter-clean .info_slide .image_number_select, .skitter-clean .info_slide .image_number_select:hover {background: #111;color:#fff;}
.skitter-clean .info_slide_dots {bottom: 10px;	background: rgba(255,255,255,0.8);box-shadow: rgba(0,0,0,0.3) 1px 1px 0;}
.skitter-clean .info_slide_dots .image_number {	width: 14px;height: 14px;	background: #999;}
.skitter-clean .info_slide_dots .image_number:hover {background: #333;}
.skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover {	background: #111;}
.skitter-clean .progressbar {top: 5px;left: 5px;background: #fff;box-shadow: rgba(0,0,0,0.5) 1px 1px 0;}

