/* ͼ Ѽ www.lanrentuku.com */





/*--------------------------------------------

container

--------------------------------------------*/

div#container {

     width: 100%;

     margin: 0 auto;

     overflow: hidden;

}

div.examples_body {

     width: 1220px;

	 margin: 0 auto;

	 clear: both;

	 overflow: hidden;

	 position: relative;

}





/* The main banner unordered list */

.bannerHolder {

     width: 1210px;

	 margin-top:15px;

	 padding:0px;

	

	 border: 1px solid #eee;

	 overflow: hidden;



	/* CSS3 rounded corners */

	 -moz-border-radius:12px;

	 -webkit-border-radius:12px;

	 border-radius:12px;

}



/* Hiding the bullets of the li elements: */

.bannerHolder li {

	 list-style: none;

	 display: inline;

}



/* The banner divs */

.banner {

     width: 300px;

	 height: 201px;

	 position: relative;

	 overflow: hidden;

	 float: left;

	 display: inline;

	 margin: 0 1px

}



/* The banner divs */

.banner img {

	 display: block;

	 border: none;

}



/* The dark animated divs */

.banner div {

	 position: absolute;

	 z-index: 100;

	 background-color: #222;

	 width: 60px;

	 height: 60px;

	 cursor: pointer;



	/*	Setting a really big value for border-radius

		will make the divs perfect circles */

	 -moz-border-radius:100px;

	 -webkit-border-radius:100px;

	 border-radius:100px;

}



/*	Positioning the animated divs outside the

	corners of the visible banner area: */

.banner .cornerTL { left:-63px; top:-63px; }

.banner .cornerTR { right:-63px; top:-63px; }

.banner .cornerBL { left:-63px; bottom:-63px; }

.banner .cornerBR { right:-63px; bottom:-63px; }



/* The "Visit Company" text */

.banner p {

     width: 100%;

	 left: 0;

	 top: 57px;

	 z-index: 200;

	 position: absolute;

	 font-family: Tahoma, Arial, Helvetica, sans-serif;

	 color: #e4efff;

	 font-size: 24px;

	 font-weight:bold;

	 font-family:"宋体";

	 text-align: center;

	 cursor: pointer;

	 display: none;	/* hidden by default */

}