@charset "UTF-8";
html:-moz-full-screen {
	background: black;
}

html:-webkit-full-screen {
	background: black;
}

html:-ms-fullscreen {
	background: black;
	width: 100%; /* needed to center contents in IE */
}

html:fullscreen {
	background: black;
}
.mobanbox_toolbar{
	position: fixed;
	width: 100%;
	height: 50px;
	top: 0;
	left: 0;
	z-index: 11000;
}

#mobanboxmedia_pagenum{
	color: #fff;
	float: left;
	font-size: 18px;
	opacity: 0.9;
	line-height: 20px;
	margin-top: 15px;
	margin-left:20px;
	letter-spacing: 4px;
}
#mobanboxmedia_tit{
	position: fixed;
	_position: absolute;
	left: 150px;
	top:0 !important;
	color: #fff;
	font-size: 12px;
	opacity: 0.55;
	line-height: 20px;
	margin-top: 15px;
	float: left;
	z-index: 11100;
	display: none;
}
.top-bar-icon{
	position: fixed;
	right: 0px;
	width: 180px;
	height: 44px;
	margin-top: 3px;
	color: #fff;
	float: left;
	z-index: 11100;
}
.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: 0.75;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pswp__button {
	background: url(default-skin.png) 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px; }
.pswp__button:hover,.pswp__button:focus{
	opacity: 1;}

.pswp__button--close {
	background-position: 0 -44px; }

.pswp__button--share {
	background-position: -44px -44px; }


.pswp--supports-fs .pswp__button--fs {
	display: block; }

.pswp--fs .pswp__button--fs {
	background-position: -44px 0; }

.pswp__button--zoom {
	background-position: -88px 0; }

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0; }




#mobanboxmedia #mobanboxmedia_arrbtn a{
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: fixed;
	z-index: 12000;
	cursor: pointer;
}

#mobanboxmedia #mobanboxmedia_arrbtn a#mobanboxmedia_leftbtn:before,
#mobanboxmedia #mobanboxmedia_arrbtn a#mobanboxmedia_rightbtn:before {
	background: url(default-skin.png) 0 0 no-repeat;
	background-size: 264px 88px;
	content: '';
	top: 35px;
	height: 30px;
	width: 32px;
	position: absolute; }

#mobanboxmedia #mobanboxmedia_arrbtn a#mobanboxmedia_leftbtn:before {
	left: 6px;
	background-position: -138px -44px; }

#mobanboxmedia #mobanboxmedia_arrbtn a#mobanboxmedia_rightbtn:before {
	right: 6px;
	background-position: -94px -44px; }

#mobanboxmedia #mobanboxmedia_arrbtn a#mobanboxmedia_leftbtn{
	opacity: 0.75;
	left: 0;
}
#mobanboxmedia #mobanboxmedia_arrbtn a#mobanboxmedia_rightbtn{
	opacity: 0.75;
	right: 0;
}
#mobanboxmedia #mobanboxmedia_arrbtn a#mobanboxmedia_leftbtn:hover{
	opacity: 1;
}
#mobanboxmedia #mobanboxmedia_arrbtn a#mobanboxmedia_rightbtn:hover{
	opacity: 1;
}
#mobanboxmedia #mobanboxmedia_arrbtn a#mobanboxmedia_leftbtn.disable{
	cursor: default;
	opacity: 0.1;
}
#mobanboxmedia #mobanboxmedia_arrbtn a#mobanboxmedia_rightbtn.disable{
	cursor: default;
	opacity: 0.1;
}



#mobanboxmedia_mask{
	position: fixed;
	_position: absolute;
	background-color: #000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
}
#mobanboxmedia_tips{
	position: fixed;
	_position: absolute;
	*left: 0;
	color: #fff;
	width: 100%;
	text-align: center;
	z-index: 11500;
	display: none;
	font-size: 12px;
}
#mobanboxmedia{
	position: fixed;
	_position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	z-index: 11000;
}
#mobanboxmedia .mobanboxmedia_top, #mobanboxmedia .mobanboxmedia_bottom{
	height: 20px;
    position: relative;
    *position: absolute;
    *left: 0;
    *right: 0;
}
#mobanboxmedia .hlb_left{
	height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
#mobanboxmedia .hlb_middle{
	height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
    background: url("images/borderbg.png") repeat left top;
}
#mobanboxmedia .hlb_right{
	height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
#mobanboxmedia .mobanboxmedia_top .hlb_left{
	background: url("images/sprite.png") no-repeat 0 0;
}
#mobanboxmedia .mobanboxmedia_top .hlb_right{
	background: url("images/sprite.png") no-repeat -22px 0;
}
#mobanboxmedia .mobanboxmedia_bottom .hlb_left{
	background: url("images/sprite.png") no-repeat 0 -27px;
}
#mobanboxmedia .mobanboxmedia_bottom .hlb_right{
	background: url("images/sprite.png") no-repeat -22px -27px;
}
#mobanboxmedia #mobanboxmedia_objs{
	position: relative;
	overflow: hidden;
	*top: 20px;
}
#mobanboxmedia_objs .objleftbg{
	background: url(images/borderbg.png) repeat-y left center;
	padding-left: 20px;
}
#mobanboxmedia_objs .objrightbg{
	background: url(images/borderbg.png) repeat-y right center;
	padding-right: 20px;
}
#mobanboxmedia_objs #mobanboxmedia_main{
	background: url(images/borderbg.png) repeat center center;
}
#mobanboxmedia_objs #mobanboxmedia_loading, #mobanboxmedia_objs .loading{
	background: url(images/loader.gif) no-repeat center center;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -12px;
	display: none;
}
#mobanboxmedia_objs .loading{
	display: block;
}

#mobanboxmedia .mobanboxmedia_bottom{
	*margin-top: 65px;
}


#mobanboxmedia #mobanboxmedia_sound{
	width: 100%;
	top: 50%;
	margin-top: -10px;
	position: relative;
}
#mobanboxmedia #mobanboxmedia_video{
	width: 100%;
	height: 100%;
}