div.articles-list
{
	float: left;
	width: 100%;
}

	div.article
	{
		position: relative;
		float: left;
		width: 400px;
		height: 450px;
		margin: 0px 30px 30px 0px;
		background: #fff;
		box-shadow: 0 5px 10px rgba(0,0,0,.05);
	}

	div.article:hover div.settings_menu
	{
		display: block;
	}

	div.article:nth-child(2n)
	{
		margin: 0px 0px 30px 0px;
	}

		a.article-img
		{
			position: relative;
			display: block;
			height: 50%;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
		}
		
			a.article-img:after
			{
				position: absolute;
				content: '';
				width: 100%;
				height: 100%;
				top: 0px;
				left: 0px;
				background: rgba(0, 0, 0, 0.2);
				visibility: hidden;
				opacity: 0;
				transition: 0.2s;
				-o-transition: 0.2s;
				-webkit-transition: 0.2s;
			}
			
			div.article:hover a.article-img:after
			{
				visibility: visible;
				opacity: 1;
			}
		
		div.article-block
		{
			float: left;
			width: 100%;
			height: 50%;
			padding: 30px;
			border-top: 5px solid #47bac1;
			box-sizing: border-box;
		}
		
			a.article-link
			{
				font-size: 20px;
				font-weight: 700;
				color: #000;
			}
		
			div.article-info-wrap
			{
				float: left;
				width: 100%;
				margin: 10px 0px;
			}
			
				span.article-info
				{
					float: left;
					font-size: 14px;
					line-height: 16px;
					margin-right: 10px;
					padding-right: 10px;
					border-right: 1px solid #ccc;
				}
				
				span.article-info:last-child
				{
					border: none;
				}
				
					span.article-info i
					{
						float: left;
						font-size: 16px;
						margin-right: 5px;
						color: #47bac1;
					}
		
			span.article-desc
			{
				display: block;
				font-size: 14px;
				line-height: 24px;
			}