#cssdropdown, #cssdropdown ul 
{
    padding: 0;
    margin: 0;
    list-style: none;}
#cssdropdown li 
{
    float: left;
    position: relative;}

.subuls
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0;
    width:200px;
    height:30px; 
    display:none; 
    float:left; 
    line-height:30px;
    font-family:Arial, "微软雅黑";
    font-size:16px; 
    color:#fff;}

.subuls li
{
    width: 100%; height:auto !important; background:#000; line-height:20px; padding-left:10px !important; padding-right:10px !important; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #282828;}
.subuls li:hover { background:#c21310;}
.subuls li a
{
    text-decoration: none;
    font-size:14px; 
    color:#fff;}
#cssdropdown li>ul { 
    top: 75px;
    left: -165px;
    z-index:9999;}
#cssdropdown li:hover ul, li.over ul 
{ 
    display: block;}
#restofcontent 
{ 
    clear: left;}
.imglistbox ul {
  padding-top: 30px;}
  .imglistbox ul li {
    width: 250px;
    height:210px;
    float: left;
    margin: 0 17px 10px 80px;}
    .imglistbox ul li .img {
      width: 244px;
      height: 164px;
      border: 3px solid #ffefea;
      background: #ffefea;
      display: table;
      overflow: hidden;}
      .imglistbox ul li .img span {
        display: table-cell;
        *display: block;
        vertical-align: middle;
        text-align: center;}
        .imglistbox ul li .img span img {
          max-width: 244px;
          max-height: 164px;}
    .imglistbox ul li p {
      font-size: 16px;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 10px 0;}
    .imglistbox ul li a:hover .img {
      border: 3px solid #f4d1c6;}
