.path {
	width:700px; height:30px;
	float:left; display:inline;
	text-align:left;
	font-size:14px;
}

.categoryName {
	width:700px; height:35px;
	float:left; display:inline;
	font-family:"Century Gothic", "Trebuchet MS", Verdana;
	font-size:20px; font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0px white;
}

.productContainer {
	width:210px; height:200px;
	float:left; display:inline;
	padding:5px;
	margin:6px;
	position:relative;
	cursor:pointer;
}

.ProductA {
	float:left;
	text-decoration:none;
}

.productImage {
	width:210px; height:165px;
	float:left; display:inline;
	background:center #ffffff no-repeat;
	position:relative;
	z-index:2;
	box-shadow:0px 0px 2px 2px #000000;
	border-top-left-radius:5px; border-top-right-radius:5px;
	overflow:hidden;
}

/*.productImage:after {
	content:"";
	width:200%; height:128px;
	position:absolute;
	left:50%; top:-150%; bottom:0;
	margin:auto;

	transform:rotate(30deg);
	transform-origin:center center;
	transition-duration:0.5s;
	transition-property:none;
}

.ProductA:hover .productImage:after {
	left:-150%; top:150%;
	transition-property:left, top;
}

.productImage:before {
	content:"";
	width:200%; height:64px;
	position:absolute;
	left:-135%; top:110%; bottom:0;
	margin:auto;

	transform:rotate(30deg);
	transform-origin:center center;
	transition-duration:0.5s;
	transition-property:none;
}

.ProductA:hover .productImage:before {
	left:35%; top:-110%;
	transition-property:left, top;
}*/

.productNameContainer {
	width:220px; height:35px;
	float:left; display:inline;
	position:absolute;
	top:170px; left:0px;
	overflow:hidden;
}

.productName {
	width:210px; height:30px; line-height:30px;
	box-sizing:border-box;
	float:left; display:inline;
	color:#ffffff;
	padding:0 12px;
	margin:0px 5px 5px 5px;
	box-shadow:0px 0px 2px 2px #000000;
	border-bottom-left-radius:5px; border-bottom-right-radius:5px;

	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;

	transition:background-color 0.2s ease-in-out;
}