/* RESET CSS */

#container_liu {
	width: 1052px;
	margin: 50px auto 0px auto;
	position: relative;
	height: 550px;
	z-index: 0;
}
#example {
	width: 1052px;
	height: 520px;
	position: relative;
	text-align: center;
}
#slides {position:absolute;	top:0px;left:0px;z-index:100;}
#slides .slides_container {width:1052px;overflow:hidden;position:relative;display:none;}
#slides .slides_container div.slide {width:1052px;height:450px;display:block;}
#slides .next,#slides .prev {
	position: absolute;
	top: 150px;
	left: -54px;
	width: 54px;
	height: 61px;
	display: block;
	z-index: 101;
	background: url(../js/jt.png) no-repeat left top;
	background-image: url(../js/jt.png);
	transition: none;
}
#slides .next {left:1052px; background-position: -54px 0;}
#slides .prev:hover{background-position: 0 -61px;}
#slides .next:hover {background-position: -54px -61px;}
#example .pagination {margin:15px auto;}
#example .pagination li {float:left;margin:0 1px;list-style:none;}
#example .pagination li a {display:block; width:14px; height:14px; float:left; overflow:hidden; border-radius: 50%; border: 1px solid #ccc; text-indent: -9999px; margin: 0 10px; padding:0px;}
#example .pagination li.current a{background: #f90; border-color: #f90;}
#example .slide-list{float: left; height: 510px; position: relative;}


#slides .posters{
	margin: 0px auto;
	padding: 0px;
	}
#slides .posters a {
	float:left;
	display:inline-block;
	margin:0px 30px;
	}	
#slides .posters img {
	display: block;
	background-color: #fff;
	padding:5px;
}
#slides .posters a:hover img {
	background-color: #f90;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
#slides .posters a .name {
	width:100%;
	display:block;
	text-align:center;
	background-color:#fff;
}

#slides .posters a .name{
	font-size:18px;
	font-family:"microsoft YaHei";
	color:#444;
	line-height:28px;
	padding-top:5px;
	height:72px;
	}	

#slides .posters a:hover .name {
	color:#fff;
	background-color:#f90;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

#example2 {
	width: 100%;
	height: 600px;
	position: relative;
	text-align:center;
	
}
#slides2 {position:relative; top:0px;left:0px;z-index:100; width: 100%;}
#slides2 .slides_container {width:100%;overflow:hidden;display:none; }
#slides2 .slides_container div.slide {width:100%;height:600px;display:block;background-color:#096;}
#slides2 .posters{
	margin: 0px auto;
	padding: 0px;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	position:relative;
	}
/*#slides2 .posters .stext{ 
	position:absolute;	
	width:100%;
	text-align:center;
	top:350px;
	}*/

#slides2 .posters .stext span{ 
	background-color:#F00;
	padding:10px;
	color:#FFF;
	font-size:24px;
}
#slides2 .next,#slides2  .prev {
	position: absolute;
	top: 256px;
	width: 82px;
	height: 81px;
	display: block;
	z-index: 102;
	background: url(../js/jt2.png) no-repeat left top;
	background-image: url(../js/jt2.png);
	transition:none;
}

#slides2 .prev {left:10px; }
#slides2 .next {right:10px; background-position: -82px 0; }
#slides2 .prev:hover{background-position: 0 -81px;}
#slides2 .next:hover {background-position: -82px -81px;}
#example2 .pagination {margin:15px auto;  z-index:103;}
#example2 .pagination li {float:left;margin:0 1px;list-style:none;}
#example2 .pagination li a {display:block; width:14px; height:14px; float:left; overflow:hidden; border-radius: 50%; border: 1px solid #ccc; background-color:#ccc; text-indent: -9999px; margin: 0 10px; padding:0px;}
#example2 .pagination li.current a{background: #f90; border-color: #f90;}