div.player {
  vertical-align:middle;
  align:center;
  text-align:center;
  width:480px;
  height:384px;
  text-align:center;
  margin:0 15px 15px 0;
  float:left;
  border:1px solid #222222;
}

div.thumbnail {
  width:480px;
  height:360px;
}

/* styling of the container. */
a.myPlayer {
display:block;
  width:480px;
  height:360px;
  text-align:center;
  marging:0 15px 15px 0;
  float:left;
  border:1px solid #222222;
  }

div.player div.info {
  display:block;
  background:#000000 url(flowplayer/h80.png) repeat-x scroll 0 0;
  border-top:1px solid #CCCCCC;
  color:#FFFFFF;
  font-family:"bitstream vera sans","trebuchet ms";
  font-size:12px;
  height:40px;
  opacity:0.7;
  text-align:left;
  margin:0 0 0 0;
}

/* play button */
img.playbtn {
  margin-top:130px;
  border:0px;
  cursor:hand;
  }

/* when container is hovered we alter the border color */
  a.myPlayer:hover {
  border:1px solid #000;
  }