body, html {
    margin: 0;
    padding: 0;
}
#banner-container {
    background: #000;
    width:315px;
    height:300px;
    position: relative;
    overflow: hidden;
}
.banner-frame {
    width:315px;
    height:300px;
    position: relative;
    overflow: hidden;
}
.item {
    width:315px;
    height:300px;
    position: relative;
    overflow: hidden;
    display:block;
}
.item .pic {
    width:315px;
    height: auto;
    border:0;
}
.play {
    width: 36px;
    height: 36px;
    background: url(images/ferame-q2-play.png) left top no-repeat;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1000;
}
a:hover .play {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}
.shadow {
    width:315px;
    height:82px;
    background: url(images/ferame-q2-shadow.png) left top no-repeat;
    position: absolute;
    left:0;
    top:218px;
    z-index:1000;
    display:none;
}
a:hover .shadow {
    display:block;
}