#liste img {
  margin:auto;
  cursor:pointer;
}

#liste div {
  width:120px;
  height:120px;
  margin:2px;
  display:inline;
  align:center;
}

#cdinfo {
  position:fixed;
  top:0px;
  bottom:0px;
  left:780px;
  width:440px;
  max-width:50%;
/*  background:#fafafa; */
  background-image: linear-gradient(to right, #f8f8f8, white);
  border-left:5px solid #f0f0f0;
}

#cdinfo img {
  width:100%;
}

#cdcontent {
  position:absolute;
  top:40px;
  left:15px;
  right:10px;
  bottom:0px;
  overflow:auto;
  line-height:1.7em;
}

#cdcontent span {
 color:#a0a0a0;
}

@media (max-width: 1220px){
  #cdinfo {
    right:0px;
    left:initial;
  }
}

@media (max-width: 1190px){
  #content {
    max-width:400px;
  }
}
@media (max-width: 1065px){
  #content {
    max-width:270px;
  }
}


@media (max-width: 945px){
  #content {
    max-width:140px;
  }
}


@media (max-width: 800px){
  #content {
    max-width:270px;
  }
}

@media (max-width: 525px){
  #content {
    max-width:140px;
  }
}