.hidden_arrow {
    display:none;
}

.news_arrow {
    position:fixed;
    top:50%;
    opacity:0.5;
    transition:all 0.8s ease-in-out 0s;
}

.news_arrow:hover {
    opacity:1;
    transition:all 0.8s ease-in-out 0s; 
}

.news_arrow_button {
    width:42px;
    height:74px;
    background-repeat:no-repeat;    
    transition:background-position 0.3s ease-in-out 0s;
    background-position-y:0;    
    position:relative;
    z-index:10;
}

.news_arrow_left {
    left:0;
}

.news_arrow_right {
    right:0;
}

.news_arrow_left .news_arrow_button {
    background-image:url( //st.drweb.com/static/new-www/files/news_arrows/left_button.png );
    background-position:-21px 0;
}

.news_arrow_right .news_arrow_button {
    background-image:url( //st.drweb.com/static/new-www/files/news_arrows/right_button.png );
    background-position:21px 0;
}

.news_arrow:hover .news_arrow_button {
    background-position:0 0;
    transition:all 0.3s ease-in-out 0s;
}

.news_arrow_content {
    text-overflow:ellipsis;
    overflow:hidden;    
    /* transition:width 0.3s ease-in-out 0s; */
    height:62px;
    line-height:57px;
    width:350px;
    display:none;
    padding:5px 15px;
    background-color:#fff;
    border:1px solid rgba(122, 183, 47, 0.6);
    /* box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.3); */
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    position:relative;
    z-index:5;	
}

.news_arrow_content_td {
    opacity: 0;
}

.news_arrow:hover .news_arrow_content_td {
    opacity: 1;
    transition:opacity 0.5s ease-in-out 0.3s;
}

.news_arrow_left .news_arrow_content {
    margin:0 0 0 -7px;
}

.news_arrow_right .news_arrow_content {
    margin:0 -7px 0 0;
}

.news_arrow_content .news_arrow_text {
    font-size:14px;
    line-height:18px;
    color:#464646;
    text-decoration:none; 
    /* height:62px; */
}

/* .news_arrow_content .news_arrow_text span { */
/*     vertical-align:middle; */
/*     line-height:18px; */
/* } */


.news_arrow_left .news_arrow_content {
     border-radius: 0 10px 10px 0;
}

.news_arrow_right .news_arrow_content {
     border-radius: 15px 0 0 15px;
}
.news_arrow:hover .news_arrow_content {
    display:block;
}

.news_arrow_button_td {
    min-width:21px;
}

.news_arrow_table {
    border-collapse:collapse;
    width:21px;
}

.news_arrow_table td { 
    vertical-align:middle;
    height:90px;
}

.news_arrow_link {
    display: inline-block;
    color:#464646;
    line-height: 18px;
    vertical-align: middle;
    text-decoration:underline;
    width:100%;
}

.news_arrow_link:hover {
    text-decoration:none;    
}

.news_arrow_button_link {
    text-decoration:none;    
    display:block;
    width:100%;
    height:100%;
}

.news_arrow_img { 
    width:50px;
    height:50px;
    background-position:0 0;
    background-repeat:no-repeat;
    border:1px solid rgba(122, 183, 47, 0.6);
    /* margin:0 10px; */
    margin-top: 2px;
}

.news_arrow_left .news_arrow_img {
    float:left;
    margin-right:10px;
}

.news_arrow_right .news_arrow_img {
    float:right;
    margin-left:10px;
}