.marks a.marksl, .marks a.marksr { width: 44px; height: 127px; display: block; float: left; background: url('http://i.imgur.com/k7LNuK0.png') no-repeat; }
.marks a.marksl { background-position: 0 0; margin-right: 18px;margin-left:2px; }
.marks a.marksl:hover { background-position: 0 -127px; }
.marks a.marksr { background-position: -44px 0; }
.marks a.marksr:hover { background-position: -44px -127px; }
.marks .itm { width: 800px; height: 130px;overflow: hidden; float: left; margin-right: 5px; }
.marks .itm a { margin-right:2px; border: 3px solid #CCC; padding: 2px; display: block; float: left; position: relative; color: #FFF; font-weight: bold; text-decoration: none; font-size :14px; }
.marks .itm a:hover {  border: 3px solid #6667a3; padding: 2px; display: block; float: left; position: relative; color: #FFF; }
.marks .itm a img { width: 120px; height: 120px; border: 0px; float: left; }