@import 'library.less';

.some-materials {
	width: 1026px;
	margin: 0px auto 0 auto;
	
	>.label {
		.wos-label;
		font-size: 16px;
		padding: 60px 0;
		text-align: center;
	}
	.cell {
		float: left;
		width: 25%;
		height: 340px;
		margin-bottom: 25px;
		
		.post {
			position: relative;
			width: 230px;
			height: 100%;
			margin: 0 auto;
			
			.image {
				display: block;
				width: 100%;
				height: 160px;
				.cover;
			}
			
			.title {
				display: block;
				.wos-title;
				padding-top: 20px;
				font-size: 21px;
				line-height: 24px;
				
				i {
					font-style: italic;
				}
			}
			.subtitle {
				display: block;
				font-size: 14px;
				line-height: 16px;
				margin-top: 9px;
			}
						
			&:hover {
				.title {
					color: @textColor3;
				}
			}
		}
		
		/*&.ab-testing-{
			&a {
				width: 50%;
				height: 460px;
				margin-bottom: 0px;
				
				.post {
					width: 460px;
					
					.image {
						height: 320px;
					}
				}
				
				&:nth-of-type(n+3) {
					display: none;
				}
			}
			
			&b {
			}
		}*/
	}
}