.block {
    background: green;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    color: #fff;
   }
   .block::after {
    content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 20px; bottom: -20px; /* Положение треугольника */
    border: 10px solid transparent; /* Прозрачные границы */
    border-top: 10px solid green; /* Добавляем треугольник */
   }

	.egn-shelf
	{
		width: 100%;
		background: url('../img/wood-htile.jpg') repeat-y;
		min-height: 241px;
		padding: 0 30px;
		display: inline-block;
		
	}

	.egn-shelf__inner
	{
		text-align: center;
        padding: 25px;
	}
	
	.egn-shelf__book
	{
		width: 170px;
		height: 241px;
		float: left;
		position: relative;

	}
	.book__img
	{
		width: 300px;
		position: absolute;
	   	left: 50%;
	   	margin-left: -58px;
	    bottom: 20px;
	}

	.img__sign
	{
		
		display: none;
		position: absolute;
		width: 220px;
		/*max-height: 150px;*/
		height: 75px;
		background: blue;
		left: -50px;
		

		text-align: left;
		border: 2px solid #1d5a9c;
		border-top-color: #d5e2ef;
		color: #fff;
		opacity: .9;
		background: #568ec9;
		border-radius: 7px;
		box-shadow: 0 5px 4px rgba(0,0,0,.22);
		font-size: 11px;
		font-family: "Helvetica", "Arial", sans-serif;

		padding: 5px;
		z-index: 99;
		top: -100px;
		
	}

	.sign_inner
	{
		width: 100%;
		height: 65px;
		overflow: hidden;
	}

	.img__sign::after {
	    content: ''; 
	    position: absolute; /* Абсолютное позиционирование */
	    left: 95px; 
	    bottom: -20px; /* Положение треугольника */
	    border: 10px solid transparent; /* Прозрачные границы */
	    border-top: 10px solid #568ec9; /* Добавляем треугольник */
   }

	.book__img:hover
	{
		cursor: pointer;

	}
	.book__img:hover .img__sign
	{
	
		display: block;
	}

	.book__img img
	{
		width: 100%;

	}

	
	.sign__text
	{
		width: 100%;
		overflow: hidden;

	}
	.sign__title
	{
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		line-height: 15px;
	}
	.egn-shelf__title
	{
		width: 100%;
		height: 50px;
		padding: 0 15px;
		background: no-repeat url('../img/wood-hdr.jpg');
		margin: 0 auto;
		text-align: center;
	}
	.title__text
	{
		font-family: "Helvetica", "Arial", sans-serif;
		color: #fff;
		font-size: 24px;
		line-height: 50px;
		text-shadow: 0 -1px 0 #000;
	}

	.img__href
	{
		float: left;
	}