#recommend{font-size:0px}
#slidebox {border-radius: 30px 0px 0px;min-height: 100px;padding: 10px;background-color: #F5F5F5;border-top: 4px solid #fff;border-left: 4px solid #fff;position: fixed;bottom: 0px;z-index: 9999;box-shadow: 0px 0px 5px 1px #222;}
#slidebox p, a.more{margin:8px;font-size:12px;font-family: Arial,Helvetica,sans-serif;color:#555;text-align: left;}
a.more{background:#555; color:#fff; cursor:pointer;border-radius:4px;white-space:nowrap;padding:3px;box-shadow: 0px 0px 3px 1px #444; float:left;width:90%;text-align:center;}
a.more:hover{color:#ccc;}
#slidebox h2 {font-size: 15px;margin: 0px 2px 10px 0px;line-height: 21px;text-align: left;width: 90%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
a.close{background:transparent url(close.gif) no-repeat top left;width:13px;height:13px;position:absolute;cursor:pointer;top:10px;right:10px;opacity:1;}
a.close:hover{background-position:0px -13px;}
#slidebox .items .item {float: left;overflow: hidden;padding: 0;}
#slidebox .items .item .img {float: left;padding: 3px;  }
#slidebox .items .item .img img {border-radius:50%;float: left; border: 5px solid #fff; box-shadow: 0px 0px 5px 1px #222;margin-bottom:10px;}
#slidebox .items .item .rccontent {float: left;padding-left: 5px;}


/* Reponsive CSS*/

@media screen and (max-width: 799px) 
{
 #slidebox, #slidebox .item{width:92%!important}
 .rccontent{width:60%!important}
}

@media screen and (max-width: 380px) 
{
 .rccontent{width:50%!important}
}