.zz{    position: relative;}
.cc{display:none !important;    position: absolute;
    top: 0;
   left: 149%;
    z-index: 99999;}
.zz:hover .cc{display:block !important;}
<!--.imgbed{
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    padding-top: 65%;}
.imgbed img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;}-->
.marqueeleft {
    overflow: hidden;
    margin-top: 10px;}
.marqueeleft li {
    float: left;
    display: inline;
    width: 320PX;
    height: 220px;
    overflow: hidden;
    margin-right: 40px;}
.marqueeleft li img {
    width: 320PX;
    height: 220px;}
.marqueeleft ul {
    float: left;}