/* CSS Document */

.products {
	.products-list {
		.list {
			overflow: hidden;
			.item {
				float: left;
				width: 260px;
				margin-right: 20px;
				position: relative;
				margin-bottom: 40px;
				img {
					display: block;
					width: 100%;
				}
				h3 {
					position: absolute;
					top: 0;
					left: 0;
					padding: 30px 26px 0;
					font-family: "DINOT-CondMedium";
					font-size: 26px;
					line-height: 1em;
					color: #333;
					em {
						display: block;
						width: 40px;
						height: 2px;
						background-color: #36adcf;
						margin-top: 10px;
					}
				}
				p {
					position: absolute;
					bottom: 0;
					left: 0;
					height: 80px;
					background-color: rgba(0, 0, 0, 0.3);
					width: 100%;
					color: #fff;
					line-height: 80px;
					text-indent: 7.5em;
					background-image: url(../images/pro_more.png);
					background-repeat: no-repeat;
					background-position: 77px center;
					visibility: hidden;
					opacity: 0;
					transition: $tr4;
				}
				&:hover {
					p {
						visibility: visible;
						opacity: 1;
						transition: $tr4;
					}
				}
			}
		}
	}
	.products-show {
		.products-tit {
			color: #36adcf;
			font-size: 20px; line-height: 1em; font-style: italic;
		}
		.top {
			overflow: hidden;
			.pic {
				width: 320px;
				img {
					width: 100%;
				}
			}
			.top-content{ width: 718px; }
		}
	}
}