/* The main banner unordered list */


.productHolder {


     width: 1080px;


	 margin:auto;





}





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


.productHolder li { float:left;


	 margin:10px;


}





/* The banner divs */


.product-href {


     width: 250px;


	 height: 280px;


	 position: relative;


	 overflow: hidden;


	 float: left;


	 display: inline;


	 /* CSS3 rounded corners */


	 -moz-border-radius:12px;


	 -webkit-border-radius:12px;


	 border-radius:12px;


}





/* The banner divs */


.product-href img {


	 display: block;


	 border: none;


height:280px;


}





/* The dark animated divs */


.product-href 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: */


.product-href .cornerTL { left:-63px; top:-63px; }


.product-href .cornerTR { right:-63px; top:-63px; }


.product-href .cornerBL { left:-63px; bottom:-63px; }


.product-href .cornerBR { right:-63px; bottom:-63px; }





/* The "Visit Company" text */


.product-href p {


     width: 100%;


	 left: 0;


	 top: 90px;


	 z-index: 200;


	 position: absolute;


	 font-family:"΢ÈíÑźÚ";


	 color: #FFF;


	 font-weight:bold;


	 font-size: 18px;


	 text-align: center;


	 cursor: pointer;


	 display: none;	/* hidden by default */


}