/*
			Load CSS before JavaScript
		*/

		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		.slide .slides_container {
			width:960px;
			height: 356px;
			display:none;
		}
		.test {
			width:960px;
			height: 200px;
			display:none;
		}
		.test div.slide {
		    width:950px;
		    height:170px;
		    margin: 0 5px;
		    display:block;
		}
		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slide .slides_container div {
			width:960px;
			height: 356px;
			display:block;
		}

		.item {
			float:left;
			width:286px;
			height: 170px ;
			margin: 0 0 0 30px !important;
		}
		/*
			Optional:
			Reset list default style
		*/
		.pagination {
			min-width: 130px;
			float: right;
			list-style:none;
			margin:0
			padding:0;
			position: absolute;
			top:325px;
			left:827px;
			z-index: 102;
			}
		.pagination li{
			float: left;
			width:16px;
			height:16px;
			text-indent: -9000px;
			margin: 0 5px;
		}
		.pagination li a{
			width:16px;
			height:16px;
			text-indent: -9000px;
			display: block;
			overflow:hidden;
			background: url(../img/boll.png) no-repeat;
		}

		/*
			Optional:
			Show the current slide in the pagination
		*/
		.slide .pagination .current a {
			background: url(../img/boll_active.png) no-repeat;
		}
		.pagination {
			display: none;
		}
		.slide .next{
			width:51px;
			height:73px;
			display: block;
			text-indent: -9000px !important;
			position: absolute;
			top:163px;
			left:-22px;
			z-index: 100;
			background: url(../img/arrows.png) no-repeat ;}
		.slide .prev{
			width:51px;
			height:73px;
			display: block;
			text-indent: -9000px !important;
			position: absolute;
			top:163px;
			left:933px;
			z-index: 100;
			background: url(../img/arrows.png) -73px 0 no-repeat ;}

		 .next{
			width:51px;
			height:176px;
			display: block;
			text-indent: -9000px !important;
			position: absolute;
			top:0;
			left: 0;
			z-index: 100;
			background: url(../img/arrows_two.png) no-repeat ;}
		 .prev{
			width:51px;
			height:176px;
			display: block;
			text-indent: -9000px !important;
			position: absolute;
			top: 0;
			left:947px;
			z-index: 100;
			background: url(../img/arrows_two.png) -55px 0 no-repeat ;}