#mod_main_category{
    overflow: hidden
}
#mod_main_category a{
    display: block;
    text-decoration: none;
    float: left;
    width:200px;
    height:180px;
    margin: 10px;
    position: relative
}
.mcat_title{
    position: absolute;
    top:0;
    left: 0;
    padding: 2px;
    background: #000;
 color:#fff;
 font-size: 14px;
 font-weight: bold;
}
.mcat_info{
    position: absolute;
    bottom:0;
    width:200px;
    background: #F5F5F5;
font-size: 12px;
font-weight: bold;
line-height: 16px;
padding: 5px 0;
text-align: center;
color: #000
}
#mod_main_category .mcat_desc{
    display: none
}
#mod_main_category a:hover .mcat_desc{
    display: block;
    position: absolute;
    font-size: 12px;
    text-align: center;
  bottom:0;
    width:200px;
    background: #F5F5F5;
    line-height: 16px;
padding: 5px 0;
height:30px;
color: #000;
z-index: 1111;
}

.bgcolor0{background:#2F86F1;}
.bgcolor1{background:red;}
.bgcolor2{background:green;}
.bgcolor3{background:black;}
.bgcolor4{background:orange;}
.bgcolor5{background:#6C2E01;}
.bgcolor6{background:#ACB78E;}
.bgcolor7{background:#174D59;}