.p2_body
{
width: calc(30% - 2px);
margin-right: 1.66%;
margin-left:  1.67%;
display: inline-block;
margin-top: 10px;
margin-bottom: 15px;
position: relative;
text-align: center;
border: 1px rgba(0,0,0,0.7) solid;
border-radius: 15px;
background-color: white;
z-index: 2;
}

.p2_body:hover
{
box-shadow: rgb(64,64,64) 0px 0px 13px 1px; 
z-index: 7 !important;
}
.p2_image
{
position:relative;
border-radius: 14px 14px 0px  0px;
width: calc(100% - 0px);  
padding-bottom: 100%;     
border: 0px  rgb(87,87,87) solid;
border-bottom: 1px  rgb(87,87,87) solid;;
background-size: cover;    
}
.p2_image::after
{
content: "";
width: calc(100% - 0px);  
padding-bottom: 100%;   
border-radius: 14px 14px 0px  0px; 
z-index: 3;
left: 0px;
position:absolute;
background-color: rgba(0,0,0,0.3);
transition: background-color 0.4s ease-in ;
}
.p2_image:hover:after
{  
background-color: rgba(0,0,0,0);
}
.p2_story_name
{
position:relative;
padding: 2px;
padding-top: 6px;
width: calc(100% -4px);
line-height: 18px; 
max-height: 36px; 
height: 18px;   
overflow-y: hidden;
text-align: left;     
vertical-align: middle; text-align:center; 
font-size: 16.5px;  
background-color: white;

  /*
background-color: rgb(87,87,87) ;
color:white;
text-align:center;    */
}

.p2_autor
{
padding-left: 2px;
padding-bottom: 6px;
text-align: left;
font-size: 13.0px; 
text-align:center; 
background-color: white;  
border-radius: 0px 0px 15px 15px;

/*background-color: rgb(87,87,87) ;
color:white;
text-align:center; */  
}

.p2_rating
{
width: 100%;
height: 30px;
position: absolute;
text-align: center;
top: 5px;
}
.p2_ratings_stars {
    background-size:  cover;   
    display:   inline-block;
    height:     40px;
    margin:    4px;
    width:      40px;
}
.p2_ratings_empty {
    background: url('../images/star_empty.png') no-repeat;
    }
.p2_ratings_full {
    background: url('../images/star_full.png') no-repeat;
    background-size:     cover;   
}
.p2_ratings_half {
    background: url('../images/star_half.png') no-repeat;
    background-size:     cover;   
}
.p2_top
{
position:absolute;
font-size: 12px;
top: -13px;
width: 100%;
color: rgb(60,60,60);
display: none;
}

.p2_info_left
{
display: inline-block;
width: 88px;
font-weight: bold;
float:left;
border-left: 0px;
text-decoration: underline;
}
.p2_info_line
{
margin-top: 2px;
}
.p2_info
{
text-align:left;
display: none;
padding: 6px;
height: calc(100% - 12px);
overflow-y: auto;
border: 1px rgb(152,152,152) solid;
background-color: rgb(242,242,242);
background-color: white;
border: 1px rgba(0,0,0,0.7) solid;
position: absolute;
top: -1px;
z-index: -2;
font-size: 16px;
box-shadow: rgb(64,64,64) 0px 0px 13px 1px; 
 text-shadow: 0 0 0 black;
// box-shadow: rgb(64,64,64) 0px 0px 13px 1px;
}
.p2_info > p
{
display: inline-block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;

}
/*
.to_left:hover:before
{
content: "";
width: 20px;  
height: 100%;
z-index: -10000;
top: 1px;
left: -5px;
position:absolute; 
border: 0px;
background-color: rgb(242,242,242);
box-shadow: rgb(200,0,0)  0px 0px 0px 0px, rgb(84,84,84)  0px 0px 10px 0px, rgb(255,255,255)  0px 0px 0px 0px, rgb(104,104,104)  0px 0px 10px 0px; 
}    */
.p2_body_to_right  > div
{
 z-index: 50;
}

.p2_info_to_right
{
padding-left: 18px;
left: calc(100% - 15px);
border-radius:  0px 15px 15px 0px;
}
.p2_info_to_left
{
right: calc(100% - 18px);
border-right: 18px rgba(255,255,255,0) solid;
border-radius:  15px 0px 0px 15px;
}