.media { float: right; width:920px; height: 627px; margin: 0; background:#eee; }
.media .spc { float: right; width:2px; height: 563px; margin: 47px 12px 0 12px; background: url(images/mediaspc.png) repeat-y; }

.media .title {float:right;width:500px;height:auto;text-align:right;font-family: 'Conv_GE_SS_TEXT_LIGHT';font-size:18px;color:#114fa4;margin:10px 0 0 0;}
.media .date {float:left;width:auto;height:auto; margin: 10px 0 0 0 ; text-align:right;font-size:12px;font-family:tahoma;color:#114fa4;}
.media .spacer {float:right;width:588px;height:1px;background:#ccc;margin:10px 0;}

.media .right { float: right; width:588px; height: 627px; margin: 0 10px;  }
.media .right .head { float: right; width:588px; height:38px; margin: 0; color: #fff; font-size: 22px; font-family: 'Conv_GE_SS_TEXT_LIGHT'; text-align: right; overflow: hidden; line-height: 2; }

.media .head2 { float: right; width:900px; height:auto; margin: 0; color: #fff; font-size: 22px; font-family: 'Conv_GE_SS_TEXT_LIGHT'; text-align: right; overflow: hidden; line-height: 2.4; background: #114fa4; padding: 0 10px;}

.media .menue { float: right; width:588px; height:34px; margin: 10px 0; }
.media .menue .btn { float: right; width:112px; font-weight:600; height:33px; margin: 0; color: #114fa4; font-size: 16px; font-family: 'Conv_GE_SS_TEXT_LIGHT'; text-align: center; overflow: hidden; line-height: 2; background: url(images/mediabtn.png) no-repeat;border-radius: 5px; }
.media .menue .btn:hover { background: url(images/btnbghover.png) repeat-x; border-radius: 5px cursor: pointer; color:#fff; }
.media .menue .selected {background: url(images/btnbghover.png) repeat-x; border-radius: 5px cursor: pointer; color:#fff; }
.media .menue .space { float: right; width:7px; height:34px; margin: 0; }

.media .right .btm { float: right; width:588px; height:160px; margin: 10px 0; }
.media .right .btm .space2 { float: right; width:9px; height:168px; margin: 0; }
.media .right .btm .item { float: right; width:90px; height:168px; margin: 0; overflow: hidden; }
.media .right .btm .item .pic { float: right; width:90px; height:129px; margin: 0; }
.media .right .btm .item .details { float: right; width:90px; height:34px; margin: 0; background: #114fa4; padding-bottom: 5px; }
.media .right .btm .item .details .title { float: right; width:80px; height:auto; margin: 0 5px 0 0; text-align: right; color: #fff; font-size: 12px; font-weight: bold; line-height: 1.5; font-family: Arial; }
.media .right .btm .item .details .icon { float: left; width:19px; height:20px; margin: 5px; text-align: right; color: #fff; font-size: 10px; display: none; }

.media .left { float: left; width:265px; height: 627px; margin: 0 10px; background: #393939 url(images/mediatopbg.png) repeat-x top; }
.media .left .head { float: right; width:265px; height:38px; margin: 0; color: #fff; font-size: 22px; font-family: 'Conv_GE_SS_TEXT_LIGHT'; text-align: right; overflow: hidden; line-height: 2; }
.media .left .head2 { float: right; width:245px; height:30px; margin: 10px 0 0 0; color: #9c9c9c; font-size: 16px; text-align: right; overflow: hidden; line-height: 1.6; background: url(images/mediabg2.png) repeat-x; font-weight: bold; padding: 0 10px; }
.media .left .item { float: right; width:243px; height:48px; margin: 5px 0 0 0; background: #292929; border-radius: 5px; padding: 0 10px; }
.media .left .item .pic { float: right; width:42px; height:36px; margin: 6px 0; }
.media .left .item .details { float: right; width:159px; height:36px; margin: 6px 0; }
.media .left .item .details .artist { float: right; width:140px; height:auto; margin: 0 5px; text-align: right; color: #858080; font-size: 11px; font-weight: bold; line-height: 1.8; }
.media .left .item .details .song { float: right; width:140px; height:auto; margin: 0 5px; text-align: right; color: #fff; font-size: 12px; font-weight: bold; }
.media .left .item .rate { float: left; width:42px; height:36px; margin: 6px 0; background: #393939; border-radius: 3px; color: #fff; font-size: 14px; font-weight: bold; line-height: 2.5; }

.media .page { float: right; width:900px; height:auto; margin: 10px; }
.media .page .space2 { float: right; width:8px; height:168px; margin: 0; }
.media .page .item { float: right; width:171px; height:168px; margin: 0 0 10px 0; overflow: hidden; border:1px solid #ccc; }
.media .page .item .pic { float: right; width:171px; height:129px; margin: 0; }
.media .page .item .details { float: right; width:171px; height:34px; margin: 0; background: #fff; padding-bottom: 5px; }
.media .page .item .details .title { float: right; width:135px; height:auto; margin: 0 5px 0 0; text-align: center; color: #114fa4; font-size: 16px; line-height: 2.5; }
.media .page .item .details .icon { display:none; float: left; width:19px; height:20px; margin: 5px; text-align: right; color: #fff; font-size: 10px }

.media .related_vedio { float: left; width:265px; height: 627px; margin: 10px; }
.media .related_vedio .item { float: right; width:243px; height:72px; margin: 10px 0 0 0; background: #292929; border-radius: 5px; padding: 0 10px; overflow: hidden; }
.media .related_vedio .item .pic { float: right; width:100px; height:60px; margin: 6px 0; }
.media .related_vedio .item .title { float: right; width:120px; height:auto; margin: 3px 10px; text-align: right; color: #858080; font-size: 14px; font-weight: bold; line-height: 1.7; font-family: Arial; }