.player {
    box-shadow: 2px 2px 10px rgba(0,0,0,0.8);
    border-radius: 5px;
    width: 100%;
    background: #1c1c1c;
    font-family: Arial, Sans-serif;
    color: #aaa;
    position: relative;
}
.player .head {
    position: relative;
    background: #333 url('../images/player-header.png') top center repeat-x;
    height: 50px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 4px #1f1f1f solid;
    margin-bottom: 3px;
}
.player .head div.title {
    padding-top: 5px;
    font-family: Impact;
    font-size: 32px;
}
div.plus {
    position: absolute;
    left:0;
    padding: 16px 10px;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    border-radius: 40px;
    margin: -40px 0 5px -35px;
    z-index: 999;
}

.player .video {
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
.player .video td {
    font-size: 28px;
    font-family: Times New Roman;
    color: #fff;
    text-shadow: 1px 1px 0px #000;
}
.player .panel {
    background: #000;
    border-top: 1px solid #333;
    width: 100%;
}
.player .panel td {
    text-align: center;
}
.player .panel a {
    display: inline-block;
    height: 55px;
    width: 55px;
}
.player .panel a.pause {
    background: url('../images/player-pause.png') top center no-repeat;
}
.player .panel a.pause:hover {
    background: url('../images/player-pause-hover.png') top center no-repeat;
}
.player .panel a.back {
    background: url('../images/player-back.png') top center no-repeat;
}
.player .panel a.back:hover {
    background: url('../images/player-back-hover.png') top center no-repeat;
}
.player .panel a.forward {
    background: url('../images/player-forward.png') top center no-repeat;
}
.player .panel a.forward:hover {
    background: url('../images/player-forward-hover.png') top center no-repeat;
}
.player .panel a.volume {
    background: url('../images/player-volume.png') top center no-repeat;
}
.player .panel a.volume:hover {
    background: url('../images/player-volume-hover.png') top center no-repeat;
}
a.ok {
    height: 72px;
    width: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 50px;
    padding-right: 3px;

    font-size: 42px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;



}
.player .cancel {
    background: #000;
    border-top: 1px solid #111;
    text-align: center;
    padding-bottom: 4px;
    border-radius: 0 0 5px 5px;
}
.player .cancel a {
    font-size: 12px;
    color: #444;

}