/*
@author suxoza <suxoza@gmail.com>
*/

#more_title{font-size: 15px;margin: 10px;font-weight: bold}
#more_logo img{max-width: 300px;margin: 5px 10px 2px 5px}
#more_share{margin-top: 15px}

._lists{
    width: 22.5%;
    margin: 5px;
    border: 1px solid #999;
    padding: 2px;
    overflow: hidden;
    float: left;
    height: 140px;
    position: relative;
    
}

._lists_big{
    width: 30.5%;
    margin: 7px;
    border: 1px solid #999;
    padding: 2px;
    overflow: hidden;
    float: left;
    height: 140px;
    position: relative;
}

#cboxTitle{
    padding: 10px;
    overflow: hidden;
    padding-top: 5px
}
._lists_image{
    cursor: pointer;
    min-height: 140px;
    height: 140px
}

._lists_image:hover{
   opacity: 0.8;
   background: url(/img/loop2.png) no-repeat;
   background-size: 100px 100px;
   background-position: 50% 50%
}
._lists_image:hover > a img{
    opacity: 0.4
}

._lists_image img{
    width: 100%;
    height: 140px
}

._list_title{
    position: absolute;
    width: 100%;
    background: #999;
    max-height: 65px;
    height: 65px;
    padding: 5px;
    overflow: hidden;
    opacity: 0.7;
    bottom: -55px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    font-weight: bold;
    left:-3px
}

._lists_big ._lists_image:hover{
    opacity: 1;
    background:none
}

._lists_big ._list_title{
    position: absolute;
    width: 100%;
    background: #999;
    max-height: 100px;
    height: 100px;
    padding: 5px;
    overflow: hidden;
    opacity: 0.7;
    bottom: -35px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    font-weight: bold;
    left:-3px
}
.__in_window,.__more{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 33px;
    margin: 5px;
    left: 27px;
    cursor: pointer
}
.__more{left: 150px}

._lists_big ._list_title:hover > .__in_window{
   opacity: 0.8;
   background: url(/img/loop2.png) no-repeat;
   background-size: 50px 50px;
   background-position: 50% 50%
}

._lists_big ._list_title:hover > .__more{
   opacity: 0.8;
   background: url(/img/more.png) no-repeat;
   background-size: 67px 67px;
   background-position: 50% 50%
}
.__count{margin-top: 10px}
.__count strong{
    font-weight: bold;
    color: #010
}


#_lists{margin-bottom: 25px;height: 100%;text-align: center;height: 650px;position: relative}
#content #_navigation{padding: 5px;margin: 10px 0;position: relative;top: 5px}
#content #_navigation a{background:#ccc linear-gradient(#fcfff4 0%, #dfe5d7 40%, #b3bead 100%);color: black; padding: 10px;}
#content #_navigation a.active{
    background: linear-gradient(to top, rgba(30,87,153,0), rgba(30,87,153,0.8), rgba(30,87,153,1),
    rgba(30,87,153,1), rgba(41,137,216,1), rgba(30,87,153,1), rgba(30,87,153,1),
    rgba(30,87,153,0.8),rgba(30,87,153,0));
    color:red
}



/*._demo_desinger{
    text-align: left;
    background: none repeat scroll 0 0 #FEFEFE;
    height: 100px;
    padding: 5px;
    overflow: hidden;
    position: relative;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: relative;   
}
._list_more{
    padding-bottom: 5px;
    overflow: hidden;
    
}

._demo_desinger_0{
    width: 97%;  
    float: left;
}

._demo_desinger_1{
    width: 46.5%;  
    float: left;
}

._demo_desinger_2{
    width: 30%;  
    float: left;
}

._demo_desinger_3{
    width: 21.8%; 
    float: left;
} 

._demo_desinger_4{
    width: 16.8%;  
    float: left;
}    */