.znatok_info_button{
 position: absolute;
 top: calc(100% - 15px);
 left: calc(100% - 17px);
 border: 1px solid #777; 
 border-radius: 4px; 
 width: 13px; 
 color: #fff; 
 text-align: center; 
 padding: 1px 1px; 
 font-weight: 600; 
 font-size: 7pt;
 background-color: rgba(50,50,50,0.6);
 text-shadow: 1px 1px 2px #000;
}

.znatok_mini_info{
 width: 100%;
 padding: 0px 0px;
 overflow: hidden;
 transition-property: all;
 transition-timing-function: linear;
 transition-duration: 0.1s;
 position: relative;

background: rgb(236,236,236);
background: -moz-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 90%, rgba(236,236,236,1) 100%);
background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(255,255,255,1) 21%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 90%,rgba(236,236,236,1) 100%);
background: linear-gradient(to bottom, rgba(236,236,236,1) 0%,rgba(255,255,255,1) 21%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 90%,rgba(236,236,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#e3e3e3',GradientType=0 );
}

.znatok_mini_info_on{
 eight: 240px;
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
}

.znatok_mini_info_off{
 height: 0px;
 border-top: 0px solid #999;
 border-bottom: 0px solid #999;
}

.znatok_photo_middle, .znatok_info_middle{
 display: inline-block;
 margin-top: 20px;
 margin-bottom: 20px;
}

.znatok_photo_middle{
 border: 2px solid #ddd;
 background: url('/photos/middle/noname.png');
 background-position: 50% 50%;
 width: 140px;
 height: 200px;
 margin-left: 10px;
 margin-right: 10px;
 overflow: hidden;
 border-radius: 7px;
 ox-shadow: 0px 0px 1px rgba(50,50,50,0.3), 3px 3px 7px rgba(50,50,50,0.6);
   box-shadow:
        3px 5px 15px -3px rgba(0, 0, 0, .5),
        0 0 0 1px rgba(0, 0, 0, .3);
}

.znatok_info_middle{
 border-left: 4px solid #ccc;
 margin-left: 10px;
 padding-left: 20px;
 width: 340px;
 vertical-align: top;
 line-height: 1.5;
 text-indent: -10px;
}

.znatok_info_middle p{
 margin-bottom: 10px;
 margin-top: 0px;
}

a.raiting{
 text-decoration : underline;
}