.abs { position:absolute;}

.full {width:100%;height:100%;}
.absfull { position:absolute;top:0;left:0;width:100%;height:100%;}
.relfull { position:relative;width:100%;height:100%;}

.absfu { position:absolute;top:0;bottom:0;left:0;right:0;}
.relfu { position:relative;top:0;bottom:0;left:0;right:0;}

.vtm {display: inline-block; vertical-align: middle;}
.vtc {display: inline-block; text-align: center;}
.tmc {text-align: center;vertical-align: middle;}
.vtmc {display: inline-block;text-align: center;vertical-align: middle;}

.elli {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.elli span{
  margin: 0;
}

.selcell {
  margin: 3px 0 0 3px;
  border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
}
.cell{padding:0px;
  border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
}
.cell a:hover {
 text-decoration:none;
}
.cell:hover{
        background-color: #98AFCE;
}

.focus, .focus:hover{
        background-color: #687FCE;
}

.galleryTagBtn, .cinemaTagBtn {
  text-align:center
}

.galleryTagBtn span{
  width:9px;
  height:9px;
  display:inline-block;
  margin:2px 2px 0 2px;
  cursor:pointer;
  background:url(../images/Gallery/iconBg.gif) no-repeat;
  background-position:-176px -46px;
}
.galleryTagBtn .now {background-position:-164px -46px; cursor: default;}

.cinemaTagBtn span{
  width:9px;
  height:9px;
  display:inline-block;
  margin:2px 2px 0 2px;
  cursor:pointer;
  background:url(../images/Gallery/cinema_tagBg.png) no-repeat;
  background-position:0 0;
}
.cinemaTagBtn .now {background-position:-9px 0; cursor: default;}

.galleryImgBtn div div div {
  position:absolute;
  display: none;
}

.galleryImgBtn div div a, .galleryImgBtn div div a img {
  width: 100%;
  height: 100%;
  display: block;
  hide-focus: expression( this.hideFocus=true);
  outline: none;
}

.galleryImgBtn div div div a {
  width: 39px;
  height: 80px;
  display: block;
  cursor: pointer;
}

.galleryImgBtn div .over div{
  display: block;
}

.galleryImgBtn div div .btnPrev{
  left:12px;
  top:40%;
}

.galleryImgBtn div div .btnNext{
  left:auto;
  right:12px;
  top:40%;
}

.btnPrev a {background:url(../images/Gallery/btnL_1.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/Gallery/btnL_1.png")}
.btnNext a {background:url(../images/Gallery/btnR_1.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/Gallery/btnR_1.png")}
.btnPrev a:hover {background:url(../images/Gallery/btnL_2.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/Gallery/btnL_2.png")}
.btnNext a:hover {background:url(../images/Gallery/btnR_2.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/Gallery/btnR_2.png")}

.galleryBoxBtn div div { background: url(../images/Gallery/iconBg.gif) no-repeat; background-color:transparent; cursor:pointer;}
.galleryBoxBtn div .btnNext { background-position:-166px -212px;}
.galleryBoxBtn div .btnPrev { background-position:-131px -212px;}
.galleryBoxBtn div .over {background-position-y: -246px;}
.galleryBoxBtn div .grey {background-position-y: -280px;cursor:default;}

.cinemaBoxBtn div div { background: url(../images/Gallery/cinema_iconBg.gif) no-repeat; background-color:transparent; cursor:pointer;}
.cinemaBoxBtn div .btnNext { background-position:-20px -180px;}
.cinemaBoxBtn div .btnPrev { background-position:0 -180px;}
.cinemaBoxBtn div .over {background-position-y: 0;}
.cinemaBoxBtn div .grey {background-position-y: -90px;cursor:default;}

.pnlCaption {
  cursor: default;
}

.pnlCaptionBtn{
  cursor: pointer;
  position:absolute;
  top: 0;
  right: 10px;
  width: 15px;
  height: 100%;
  background:url(../images/Panel/btnBK.png) no-repeat;
}

.pnlCaption .btnClose{
  background-position: -15px 48%;
}

.pnlCaption .btnOpen{
  background-position: 0 48%;
}

.rad, .radiusPnl, .roundBtn div div .x-panel .x-panel-bwrap .x-panel-body div, .roundBtn div div .x-window .x-window-bwrap .x-window-body
{
  border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
}

.rbr, .radiusPnlbr, .roundBtnbr div div .x-panel .x-panel-bwrap .x-panel-body div, .roundBtnbr div div .x-window .x-window-bwrap .x-window-body
{
  border-bottom-right-radius: 8px;-moz-border-bottom-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;
}

.rbl, .radiusPnlbl, .roundBtnbl div div .x-panel .x-panel-bwrap .x-panel-body div, .roundBtnbl div div .x-window .x-window-bwrap .x-window-body
{
  border-bottom-left-radius: 8px;-moz-border-bottom-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;
}

.rtr, .radiusPnltr, .roundBtntr div div .x-panel .x-panel-bwrap .x-panel-body div, .roundBtntr div div .x-window .x-window-bwrap .x-window-body
{
  border-top-right-radius: 8px;-moz-border-top-right-radius: 8px;-webkit-border-top-right-radius: 8px;
}

.rtl, .radiusPnltl, .roundBtntl div div .x-panel .x-panel-bwrap .x-panel-body div, .roundBtntl div div .x-window .x-window-bwrap .x-window-body
{
  border-top-left-radius: 8px;-moz-border-top-left-radius: 8px;-webkit-border-top-left-radius: 8px;
}

.abtn {display:block;height:100%;overflow:hidden;}
.abtnB {position:absolute; left:0; top:0; width:100%; height:100%;display:none;}
.abtnBF {position:absolute; top:0;bottom:0;left:0;right:0;display:none;}
.abtnBT {position:absolute; left:0; top:0; width:100%; height:0px;}
.abtnBB {position:absolute; left:0; top:auto; bottom:0; width:100%;height:0px;}
.abtnBL {position:absolute; left:0; top:0; width:0px; height:100%;}
.abtnBR {position:absolute; left:auto; right:0; top:0; width:0px;height:100%;}

.cellBtn {padding:0 6px;margin:-2px;}
.ta-c {display:block; text-align:center;}
.ta-l {text-align:left;}
.ta-r {display:block; text-align:right;}

.zoom-div span { width:100px; height:100px; border: 1px solid #aaa; background:#FEDE4F; left:0px;top:0px; position:absolute; display:none; filter:alpha(opacity:50); opacity:0.5; cursor: move;}
.zoom-area {overflow: hidden;}
.zoom-area img { position:absolute;}

.x-date-menu { width: 175px !important}

.hoverRotate{-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hoverRotate:hover{-moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -o-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
.hoverScale{-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hoverScale:hover{-moz-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.pagebar a, .pagebar a span, .pagebar a span label, .pagebar a:hover, .pagebar a:hover span{cursor:pointer;text-decoration:none;}
.pagebar span{cursor:default;padding:2px 5px; text-decoration:none; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.pagebar2 span{display:inline-block; padding:0;width:30px;height:20px;line-height:20px;text-align:center;vertical-align:middle}
.pagebar span.sel{cursor:default;background-color:#ddd;}
.pagebar span label{font:normal 14px/normal SimSun;display:block;height:20px;line-height:20px}

.t0 {filter:Alpha(Opacity=100);opacity:1;}
.t1, .t2, .t3{filter:Alpha(Opacity=99);opacity:0.99;}
.t4, .t5, .t6, .t7{filter:Alpha(Opacity=95);opacity:0.95;}
.t8, .t9, .t10, .t11, .t12 {filter:Alpha(Opacity=90);opacity:0.9;}
.t13, .t14, .t15, .t16, .t17 {filter:Alpha(Opacity=85);opacity:0.85;}
.t18, .t19, .t20, .t21, .t22 {filter:Alpha(Opacity=80);opacity:0.8;}
.t23, .t24, .t25, .t26, .t27 {filter:Alpha(Opacity=75);opacity:0.75;}
.t28, .t29, .t30, .t31, .t32 {filter:Alpha(Opacity=70);opacity:0.7;}
.t33, .t34, .t35, .t36, .t37 {filter:Alpha(Opacity=65);opacity:0.65;}
.t38, .t39, .t40, .t41, .t42 {filter:Alpha(Opacity=60);opacity:0.6;}
.t43, .t44, .t45, .t46, .t47 {filter:Alpha(Opacity=55);opacity:0.55;}
.t48, .t49, .t50, .t51, .t52 {filter:Alpha(Opacity=50);opacity:0.5;}
.t53, .t54, .t55, .t56, .t57 {filter:Alpha(Opacity=45);opacity:0.45;}
.t58, .t59, .t60, .t61, .t62 {filter:Alpha(Opacity=40);opacity:0.4;}
.t63, .t64, .t65, .t66, .t67 {filter:Alpha(Opacity=35);opacity:0.35;}
.t68, .t69, .t70, .t71, .t72 {filter:Alpha(Opacity=30);opacity:0.3;}
.t73, .t74, .t75, .t76, .t77 {filter:Alpha(Opacity=25);opacity:0.25;}
.t78, .t79, .t80, .t81, .t82 {filter:Alpha(Opacity=20);opacity:0.2;}
.t83, .t84, .t85, .t86, .t87 {filter:Alpha(Opacity=15);opacity:0.15;}
.t88, .t89, .t90, .t91, .t92 {filter:Alpha(Opacity=10);opacity:0.1;}
.t93, .t94, .t95, .t96 {filter:Alpha(Opacity=5);opacity:0.05;}
.t97, .t98, .t99 {filter:Alpha(Opacity=1);opacity:0.01;}
.t100 {filter:Alpha(Opacity=0);opacity:0;}

/*radio content*/
#content .l{float:left;}
#content .r{float:right;}
#content .m{text-align:center;line-height:45px;cursor:pointer;}
#content ul {list-style: none outside none;}
#content li:hover, li:active, li {outline: 0 none;}

#content {padding: 0 0 70px;width:100%;}
#content li {border-bottom: 1px solid #CCC;cursor: pointer;overflow: hidden;padding: 0 10px 0 10px;}
.picStyle {height:2.5em;width:2.5em;margin-right: 10px}
.textBox {line-height:2.5em;white-space:nowrap;}
.textBox p {white-space:nowrap;}
.frmPlay {float: right;height: 2.5em;width: 2.5em;background:url(../images/Radio/fmplay.png) center center no-repeat;background-size:90%;}
.frmPause{background-image:url(../images/Radio/fmpause.png);}

/*control*/
#playwrap {
  color:#fff;bottom: 0;
  font-family: Microsoft YaHei;
  height: 75px;
  text-align: center;
  z-index: 1000;
  position: absolute;
  width: 100%;
  bottom: 0px;}
#playContent{ height: 70px;margin: 0 auto;width: 320px;}
#progressWrap {height: 18px;margin: 0 0 0 10px;width: 298px;cursor:pointer;position:relative;}
#progressBack {position:absolute; background: none repeat scroll 0 0 #FFFFFF;top: 6px; height: 5px;width: 298px;}
#progress     {position:absolute; background: none repeat scroll 0 0 #FFFFFF;top: 6px; height: 5px;width: 0;}
.img {box-shadow: 0 0 5px #333333;float: left;height: 47px;margin: 1px 0 0 15px;width: 47px;}
.img img {border: 1px solid #6DABE1;cursor: pointer;height: 45px;width: 45px;}
.info {float: left;width: 240px;}
.control {margin: 2px 0 0;text-align: left;}
.audioControl a.last {background: url("../images/Radio/bg.png") no-repeat scroll -5px -108px transparent;}
.audioControl a {display: inline-block;height: 30px;margin: 0 0 0 8px;width: 30px;}
.audioControl a.pause {background: url("../images/Radio/bg.png") no-repeat scroll -4px -75px transparent;}
.audioControl a.play {background: url("../images/Radio/bg.png") no-repeat scroll -4px -144px transparent;}
.audioControl a.next {background: url("../images/Radio/bg.png") no-repeat scroll -7px -183px transparent;}
.audioControl a.dlows {background: url("../images/dd.png");width: 39px;}
#modeButton{background-image: url("../images/Radio/bg.png");background-repeat:no-repeat;margin-left: 16px;width: 30px;}
.audioControl a.mode-default {background-position:-6px -328px;}
.audioControl a.mode-random {background-position:-6px -224px;}
.audioControl a.mode-single {background-position:-6px -292px;}
#songname {color: #FFFFFF;float: left;background:red;font-size: 14px;margin: 4px 0 0 3px;overflow: hidden;text-align: left;white-space: nowrap;width: 229px;}
#timeshow {color: #FFFFFF;float: right;margin-top: 1px; font-size: 14px;}
#musicTitle{float:left;margin:1px 0 0 3px;width:150px;overflow:hidden;white-space: nowrap;text-align:left;font-size: 14px;}
#oWindow{position:fixed;z-index:2000;top:100%;left:100%;background: -moz-linear-gradient(left center , #69A3D4 0%, #4888BE 100%) repeat scroll 0 0 transparent;background: -webkit-linear-gradient(left, #69A3D4 0%, #4888BE 100%);background:#4888BE;color:#fff;padding:13px 20px;font-size:16px;}

.numPick {
  width: 100%;
  height: 100%;
  display: inline-block;
  position:relative;
}
.numPick button {
  position:absolute;
  margin: 0;
  border: 1px solid #dddddd;
  display: inline-block;
  height: 100%;
  line-height: 100%;
  vertical-align: top;
  outline: none;
  cursor: pointer;
}

.numPick-input {
  position:absolute;
  top: 0;
  bottom: 0;
  border: 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background: #f9f9f9;
}
.numPick-input input {
  height: 100%;
  width: 100%;
  line-height: 100%;
  border: none;
  text-align: center;
  outline: none;
}
.numPick-input:focus {
  background: #ffffff;
}
.numPick-increase {
  right:0;
}
.numPick.numPick-min .numPick-decrease, .numPick.numPick-max .numPick-increase {
  background: #cccccc;
  color: #999999;
}