TDataView_ui/styles/menu.css

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0pt;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: block;
}

#layerControlMenu .myLayers .clearfix {
	display: inline-block;
}

#layerControlMenu .myLayers .clearfix:after {
	content: ".";
	display: inline-block;
	height: 0pt;
	clear: both;
	visibility: hidden;
}

#menu.moveOut {
	/*left: 0px;*/
}

#menu {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 340px;
	/*height: 631px;*/
	/* background: #1257ac; */
	background: rgba(34, 59, 73, 0.86);
	z-index: 1001;
}

#menu .menu-title {
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	padding: 0 0 0 20px;
	border-bottom: 1px solid rgba(57, 84, 107, 0.86);
}

#menu .menu-title p {
	display: inline-block;
	float: right;
	position: relative;
	right: 15px;
	height: 50px;
	width: 25px;
	background: url(../images/layout/menu-title.png);
	cursor: pointer;
}

#menu .im-0 {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-left: 20px;
	padding-left: 35px;
}

#menu .menu-scroll {
	/*max-height: 100%;*/
	/*overflow: auto;*/
	/* background: #1f5e9f; */
}

#menu .mnsc {
	max-height: 600px;
	overflow: auto;
}

/* 菜单各项图标 */
#menu .menu-base.infoMenu .im-0{
	background: url(../images/layout/menu.png) left no-repeat;
	background-size: 17px;
}
#menu p.zhuanTi {
	background: url(../images/layout/zhuanti.png) no-repeat 0px 18px;
}

#menu p.hailiang {
	background: url(../images/layout/menu-list.png) no-repeat -11px -30px;
}

#menu p.tdm {
	background: url(../images/layout/menu-list.png) no-repeat -11px -74px;
}

#menu p.infoIcon {
	background: url(../images/layout/menu-list.png) no-repeat -11px -118px;
}

#menu p.kuozhan {
	background: url(../images/layout/menu-list.png) no-repeat -11px -166px;
}

/* 图层控制图标 */
/*#menu span.menu-layer-title{
	background: url(../images/layout/layer.png) left no-repeat;
	background-size: 20px;
}*/
#menu li {
	line-height: 49px;
	/* background: #1257ab; */
	color: #fff;
	font-size: 14px;
}

#menu li.menu-base {
	border-bottom: 1px solid rgba(57, 84, 107, 0.86);
}

#menu li.menu-base:hover>p span,
#menu li.menu-base.active>p span {
	color: #fdda34
}

#menu .print {
	padding: 10px;
	padding-left: 0;
}

#menu .print span {
	display: inline-block;
	text-align: left;
	width: 50px;
	margin-left: 40px;
	font-size: 14px;
}

#menu .print .ctr {
	text-align: center;
}

#menu .print select,
#menu .print button {
	line-height: 32px;
	height: 32px;
	border: 1px solid #a4a4a4;
	border-radius: 4px;
	background: #fff;
	color: #666;
}

#menu .print #paper {
	width: 90px;
}

#menu .print #ruler {
	width: 154px;
}

#menu .print .PDF {
	width: 212px;
}

#menu .print #legend {
	margin-left: 40px;
}

#menu .print #cdGrid {
	margin-left: 50px;
}

#menu .print input[type="checkbox"] {
	background: #fff;
	vertical-align: middle;
}

#menu .print label {
	font-size: 14px;
	margin-left: 5px;
}

#menu .print p {
	margin-top: -5px;
}

#menu .mn-content {
	display: none;
	/* background: #1f5e9f; */
}

#menu .infoMenu {}

#menu .infoMenu li {
	border-left: none;
	border-right: none;
	background: #365162;
}

#menu .infoMenu li span:hover,
#menu .infoMenu .im-2 a:hover,
#menu .infoMenu .im-3 div:hover {
	color: #fdda34;
}

#menu .infoMenu .fu {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 40px;
	line-height: 40px;
}

#menu .infoMenu .fu span {
	display: inline-block;
	margin-left: 40px;
	padding-left: 24px;
	background: url(../images/layout/right.png) left no-repeat;
}

#menu .infoMenu .commitMecal .startCommit {
	display: none;
}

#menu .infoMenu .commitMecal .startCommit p,
#menu .infoMenu .commitMecal .stopCommit p {
	text-indent: 37px;
	cursor: default;
}


#menu .infoMenu .im-2 .fu span {
	margin-left: 50px;
	font-size: 14px;
}

#menu .infoMenu .commitMecal .startCommit span {
	color: #0ff;
	padding: 0px;
	margin-left: 10px;
	cursor: pointer;
}

#menu .infoMenu .commitMecal .stopCommit span {
	color: #f00;
	padding: 0px;
	margin-left: 10px;
	cursor: pointer;
}

#menu .infoMenu .active .fu span {
	background: url(../images/layout/down.png) left no-repeat;
}

#menu .infoMenu .active .im-2 .fu span {
	background: url(../images/layout/right.png) left no-repeat;
}

#menu .infoMenu .active .im-2.active .fu span,
#menu .infoMenu .active .im-2 .fu.active span {
	background: url(../images/layout/down.png) left no-repeat;
}

#menu .infoMenu .im-1 {
	border-top: 1px solid rgba(57, 84, 107, 0.86);
	position: relative;
}

#menu #exKuozhan.infoMenu .im-1 {
	padding-left: 64px;
}

#menu .infoMenu .im-2 {
	border-bottom: 1px solid #06418a;
}

#menu .infoMenu .im-1 ul li.im-3 {
	background: #124071;
	border-top: 1px solid #235487;
	padding-left: 20px;
}

#menu .infoMenu .im-1 ul li.im-3 span {
	font-size: 12px;
}

#menu .infoMenu .im-3 li {
	line-height: 35px;
	font-size: 14px;
}

#menu .infoMenu .im-3 li .fr {
	display: inline-block;
	font-size: 12px;
	width: 16px;
	line-height: 16px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 100% 100%;
	margin: 9px 28px 0 5px;
	cursor: pointer;
	color: #fff;
	opacity: .26;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#menu .infoMenu .im-3 input[type="checkbox"] {
	margin-right: 5px;
}

#menu li.switch {
	height: 12px;
	background: url(../images/layout/drag-bar.png) center no-repeat;
	cursor: pointer;
}

#menu .active .mn-content {
	display: block;

}

#menu .active .im-0,
#menu .active .im-m {
	/*background: #4577A6;*/
	color: #fff;
}

#menu .infoMenu .im-1 ul {
	display: none;
	/* background: #184A7E; */
}

#menu .infoMenu .im-1 ul li {
	/* background: #0f4a8b; */
	cursor: pointer;
}

#menu .myLayers li {
	background: #1f5e9f;
}

#menu .infoMenu .im-1 .im-3 li {
	background: #123d6a;
	margin-left: 35px;
}

#menu .infoMenu .im-1.active ul {
	display: block;
}

#menu .infoMenu .im-1.active .im-2 ul {
	display: none;
}

#menu .infoMenu .im-1.active .im-2.active ul {
	display: block;
}

#menu .infoMenu .im-2 ul.im-3 {
	display: none;
	padding: 8px 0 8px 56px;
	border-top: 1px solid #235487;
	background: #123d6a;
}

#menu .infoMenu .im-1 .im-2.active ul.im-3 {
	display: block;
}

#menu .im-m {
	cursor: move;
}

#menu .im-m a {
	line-height: 49px;
	text-align: center;
	display: inline-block;
}

#menu .im-m a span {
	font-size: 14px;
	color: #eee;
	height: 16px;
	line-height: 16px;
	width: 46px;
	/*border-left: 1px solid #06B2DC;*/
}

#menu .im-m a.dao span {
	border: none;
}

#menu .im-m a.a-upload {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	*display: inline;
	*zoom: 1;
	margin: 5px 0 5px 70px;
	vertical-align: middle;
}

#menu .im-m a.a-upload input {
	position: absolute;
	font-size: 100px;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer
}

#menu .im-m a:hover span,
#menu .im-m a.active span {
	color: #444;
	background: #01b7ff;
	text-decoration: none;
}

#menu .mn-content .mn-act {
	display: none;
	margin-left: 40px;
	font-size: 12px;
	margin-top: -5px;
	padding-bottom: 5px;
}

#menu .mn-content .mn-act.active {
	display: block;
}

#menu .mn-content .mn-act .layer-cale {
	margin: 0 5px;
}

#menu .mn-content p.tip-none {
	text-align: center;
	display: none;
}

#menu .dao {
	margin-left: 20px;
}

#menu .infoMenu .im-1 ul.menu-content {
	max-height: 168px;
	overflow: auto;
}

#menu .no-bg {
	background: none !important;
}

#menu .dzzy .ztContent {
	/* display: none; */
}

#menu .dzzy .ztContent.active {
	/* display: block; */
}

/*#menu .dzzy .zhuanTi{
    border-top: 1px solid #1961b6;
}*/
#menu .dzzy .sectionbg {
	margin-left: 40px;
	background: url(../images/layout/right.png) left no-repeat;
	padding-left: 25px;
	height: 40px;
	line-height: 40px;
}

#menu .dzzy .sectionbg.open {
	background: url(../images/layout/down.png) left no-repeat;
	color: #fdda34;
}

#menu .dzzy section.item .linkContent li {
	/* background: #123d6a; */
	border-bottom: 1px solid #44616d;
	height: 40px;
	line-height: 40px;
	position: relative;
}

#menu .dzzy .zt-cbx {
	margin-left: 85px;
	vertical-align: middle;
	display: none;
}

#menu .dzzy section.item .linkContent .translate {
	margin-left: 80px;
	display: inline-block;
	width: 250px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#menu .dzzy section {
	border-bottom: 1px solid #44616d;
	cursor: pointer;
}

/*#menu .dzzy section:nth-child(1){
	border-top: 1px solid #235487;
}*/
#menu .dzzy section.item .linkContent li:nth-child(1) {
	border-top: 1px solid #235487;
}

#menu .ml74 {
	margin-left: 74px;
}

#menu #TDMap .tdmapContent {
	/*display: none;*/
}

#menu #TDMap .tdmapContent.active {
	/*display: block;*/
}

#menu #TDMap .tianditu {
	border-bottom: 1px solid #2a67a5;
}

#menu #TDMap .sectionbg {
	margin-left: 65px;
	background: url(../images/layout/right.png) left no-repeat;
	padding-left: 25px;
}

#menu #TDMap .sectionbg.open {
	background: url(../images/layout/down.png) left no-repeat;
}

#menu #TDMap section.item .linkContent li {
	background: #123d6a;
}

#menu #TDMap .zt-cbx {
	margin-left: 85px;
	vertical-align: middle
}

#menu #TDMap section.item .linkContent .translate {
	margin-left: 5px;
}

#menu #TDMap section {
	border-bottom: 1px solid #235487;
}

#menu #TDMap section.item .linkContent li:nth-child(1) {
	border-top: 1px solid #235487;
}

#menu .sanWei li.item {
	position: relative;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}

#menu .sanWei li.item .no-bg {
	display: inline-block;
	margin-left: 80px;
	width: 250px;
}
#menu .sanWei li.item .zt-cbx{
	display: none;
}

/* 图层控制 */

#layerControlMenu {
	position: absolute;
	width: 230px;
	display: none;
	left: 0px;
	z-index: 1002;
}

#layerControlMenu.bl {
	display: block;
}

#layerControlMenu .myLayers {
	/*line-height: 46px;*/
	width: 202px;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
	background: rgba(19, 46, 67, 0.86);
}

#layerControlMenu .myLayers.active {
	width: 100%;
}

#layerControlMenu .myLayers.active .clearLayer {
	cursor: pointer;
	width: 18px;
	height: 18px;
	background: url(../images/layout/clear.png) no-repeat;
	margin: 13px 13px 0 0;
}

#layerControlMenu .layerListSwitch {
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin: 15px 5px 0 0;
	background: url(../images/layout/arrow_down.png) 0 5px no-repeat;
}

#layerControlMenu .myLayers.active .layerListSwitch {
	background: url(../images/layout/arrow_up.png) 0 5px no-repeat;
}

#layerControlMenu .myLayers span.data-save {
	display: none !important;
}

#layerControlMenu .myLayers p {
	display: inline-block;
}

#layerControlMenu .im-m {
	cursor: move;
	/* background: url(../images/layout/layer_title_bg.png) no-repeat; */
}

#layerControlMenu .im-m .im-0 {
	padding-left: 20px;
	margin-left: 0;
	color: #fff;
}

#layerControlMenu .myLayers.active .im-m {
	line-height: 46px;
	border-bottom: 1px solid #000;
	/* background: url(../images/layout/layer-title-bg.png) no-repeat; */
	background: rgba(9, 30, 41, 0.8);
	border-radius: 4px;
}

#layerControlMenu .myLayers p:nth-child(1) {
	padding-right: 1%;
	/*width: 97%;*/
	display: block;
	line-height: 46px;
	border-bottom: 0;
}

#layerControlMenu .myLayers li {
	color: #fff;
	border-bottom: 1px solid #aaaaaa;
	position: relative;
	background: url(../images/layout/zhenyan.png) 45px 16px / 21px no-repeat;
	background-size: 20px;
	/*line-height: 46px;*/
	/*padding: 0 5px 5px 5px;*/
}

#layerControlMenu .myLayers li:last-child {
	border-bottom: none;
}

/* #layerControlMenu .myLayers li.sxlayer{
	background: none !important;
} */
#layerControlMenu .myLayers li .close {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	width: 13px;
	height: 14px;
	line-height: 18px;
	border-radius: 100% 100%;
	vertical-align: top;
	margin: 19px 0 0 20px;
	/*opacity: 0;*/
	background: url(../images/layout/bg_close.png) no-repeat;
	text-indent: -111111px;
	background-size: 13px;
}

#layerControlMenu .myLayers li .close:hover {
	background: url(../images/layout/bg_close.png) no-repeat;
	background-size: 13px;
}

#layerControlMenu .myLayers li .fr {
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#layerControlMenu .myLayers li .fr.gear {
	width: 20px;
	height: 49px;
	cursor: pointer;
	margin-right: 0px;
	background: url(../images/layout/gear_gray.png) center no-repeat;
}

#layerControlMenu .myLayers li .fr.stereoscopic_set {
	width: 20px;
	height: 49px;
	cursor: pointer;
	margin-right: 0px;
	background: url(../images/layout/gear_gray.png) center no-repeat;
}

#layerControlMenu .myLayers li .fr.legend {
	width: 20px;
	height: 49px;
	cursor: pointer;
	margin-right: 0px;
	background: url(../images/layout/atlas_info.png) center no-repeat;
}

#layerControlMenu .myLayers li .move {
	position: relative;
	width: 17px;
	height: 45px;
	margin: 0px 0 0 21px;
	vertical-align: top;
}

#layerControlMenu .myLayers li .up {
	cursor: pointer;
	background: url(../images/layout/up_gray.png) center no-repeat;
	width: 17px;
	height: 10px;
	position: absolute;
	top: 10px;
	left: 1px;
}

#layerControlMenu .myLayers li .down {
	cursor: pointer;
	background: url(../images/layout/down_gray.png) center no-repeat;
	width: 17px;
	height: 10px;
	position: absolute;
	top: 30px;
	left: -4px;
}

#layerControlMenu .myLayers li input {
	display: inline-block;
	position: absolute;
	width: 20px;
	top: 15px;
	left: 45px;
	height: 20px;
	vertical-align: text-bottom;
}

#layerControlMenu .myLayers li input[type="checkbox"] {
	opacity: 0;
	cursor: pointer;
}

#layerControlMenu .myLayers span {
	display: inline-block;
}

#layerControlMenu .myLayers .scroll-bar {
	max-height: 250px;
	overflow: auto;
	/* background: #f5f5f5; */
	/* border: 1px solid #01b7ff; */
	border-top: none;
}

#layerControlMenu .myLayers li .clearfix {
	width: 97%;
	padding-right: 3%;
	position: relative;
}

#layerControlMenu .myLayers .mn-content span.data-name {
	width: 90px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
	line-height: 50px;
	margin-left: 40px;
}

#layerControlMenu .myLayers .op {
	position: relative;
	margin: 0px 5px;
	width: 85px;
	height: 5px;
	background: #001550;
}

#layerControlMenu .myLayers .op .chang {
	position: absolute;
	left: 0;
	top: 0;
	background: #299eef;
	width: 0;
	height: 5px;
	vertical-align: middle;
}

#layerControlMenu .myLayers .op .yuan {
	width: 12px;
	height: 12px;
	position: absolute;
	top: -5px;
	left: 0px;
	background: #378be0;
	border: 1px solid #378be0;
	border-radius: 100% 100%;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#layerControlMenu .myLayers .layer-detail {
	display: inline-block;
	width: 12px;
	height: 15px;
	background: url(../images/layout/detail.png) no-repeat;
	vertical-align: text-bottom;
	margin-left: 7px;
	cursor: pointer;
}

#layerControlMenu .myLayers .layer-cale {
	display: inline-block;
	width: 17px;
	height: 16px;
	background: url(../images/layout/star.png) no-repeat;
	vertical-align: text-bottom;
	cursor: pointer;
}

#layerControlMenu .myLayers .down {
	margin-left: 5px;
}

#layerControlMenu .myLayers .mn-act.no .wSet {
	opacity: 0;
}

#layerControlMenu .myLayers .mn-act.yes .wSet {
	opacity: 1;
}

#layerControlMenu .mn-content .mn-act {
	display: none;
	margin-left: 20px;
	font-size: 12px;
	margin-top: -5px;
	padding-bottom: 5px;
	line-height: 46px;
}

#layerControlMenu .mn-content .mn-act.active {
	display: block;
}

#layerControlMenu .mn-content .mn-act.DS {
	margin-left: 10px;
}

#layerControlMenu .myLayers li .DS .move {
	margin: 0;
}

#layerControlMenu .mn-content .mn-act .layer-cale {
	margin: 0 5px;
}

#layerControlMenu .mn-content p.tip-none {
	text-align: center;
	display: none;
}

#layerControlMenu .dao {
	margin-left: 20px;
}

#layerControlMenu .infoMenu .im-1 ul.menu-content {
	/*max-height: 168px;*/
	/*overflow: auto;*/
}

#layerControlMenu .no-bg {
	background: none !important;
}

#layerControlMenu .mn-content {
	display: none;
	/* background: #fff; */
}

#layerControlMenu .active .mn-content {
	display: block;

}


#menu-title {
	position: absolute;
	top: 800px;
	left: 0;
	width: 100%;
	color: transparent;
	cursor: pointer;
	line-height: 66px;
	background: url(../images/layout/logo.png) center no-repeat;
}

#menu .taiShiTool {
	line-height: 35px;
	padding-bottom: 10px;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
}

.meun-checkBox {
	position: absolute;
	width: 20px;
	height: 18px;
	left: 50px;
	top: 11px;
}

.commitbtn .meun-checkBox {
	margin: 0px !important;
	padding: 0px !important;
}

.meun-checkBox.menu-select-no {
	opacity: 0.64;
}

.menu-select-no {
	color: #fff;
	background: url("../images/weixing/selected-no.png") no-repeat 3px center !important;
}

.menu-select {
	color: #03e3fa;
	background: url("../images/weixing/selected.png") no-repeat 3px center !important;
}

.menu-select+.translate {
	color: #fdda34;
}

.satellite .meun-checkBox,
.ts .meun-checkBox {
	left: 35px;
}

.eye {
	display: inline-block;
	text-indent: -1111111111px;
	background: url(../images/layout/biyan.png) no-repeat;
	background-size: 20px;
	position: absolute;
	top: 22px;
	left: 48px;
	width: 20px;
	height: 12px;
}

.eye.checkTrue {
	background: url(../images/layout/zhenyan.png) no-repeat;
	background-size: 20px;
	top: 18px;
}

#layerControlMenu .myLayers span.eye {
	display: none;
}

.myLayer .clearfix:after {
	display: inline-block;
}

.menu-scroll .gongxin {
	/* display: none; */
}


#wrapper .sx-video-content {
	width: 492px;
	/*width:500px;*/
	height: 78px;
}

#wrapper .sx-video-title {
	height: 20px;
}

#wrapper .sx-video-panel {
	height: 54px;
	background: #1257ac;
	border: 1px solid #03e3fa;
	/*clear: both;*/
}

#wrapper .sx-video-panel-left {
	height: 54px;
	width: 14px;
	float: left;
	background: url(../../scripts/meteo/other/meteoVideo/img/border-left.png) no-repeat;
}

#wrapper .sx-video-panel-right {
	height: 54px;
	width: 14px;
	float: right;
	background: url(../../scripts/meteo/other/meteoVideo/img/border-right.png) no-repeat;
}

#wrapper .sx-video-panel-center {
	width: 400px;
	height: 54px;
	float: left;
	margin-left: 20px;
}

#wrapper .sx-title-left {
	height: 20px;
	width: auto;
	float: left;
	max-width: 600px;
}

#wrapper .sx-title-left .sx-title-left-l {
	width: 7px;
	height: 20px;
	float: left;
	background: url(../../scripts/meteo/other/meteoVideo/img/title-lbg.png) no-repeat;
}

#wrapper .sx-title-left .sx-title-left-c {
	float: left;
	height: 20px;
	min-width: 92px;
	font-size: 13px;
	color: #FFF;
	background: url(../../scripts/meteo/other/meteoVideo/img/title-cbg.png) repeat-x;
}

#wrapper .sx-title-left .sx-title-left-r {
	width: 20px;
	height: 20px;
	float: left;
	background: url(../../scripts/meteo/other/meteoVideo/img/title-rbg.png) no-repeat;
}

#wrapper .sx-title-right-close {
	width: 24px;
	height: 20px;
	float: right;
	cursor: pointer;
	margin-top: 2px;
	background: url(../../scripts/meteo/other/meteoVideo/img/btn_close.png) 0 5px no-repeat;
}

#wrapper .sx-video-progress-total {
	height: 24px;
	width: 400px;
}

#wrapper .sx-video-progress-div {
	margin-top: 18px;
	height: 6px;
	float: left;
}

#wrapper .sx-video-progress {
	height: 6px;
	width: 400px;
	cursor: pointer;
	position: relative;
	background: url(../../scripts/meteo/other/meteoVideo/img/time-progress.png) no-repeat;
}

#wrapper .sx-video-progress_btn {
	height: 24px;
	width: 24px;
	cursor: pointer;
	position: absolute;
	top: -11px;
	left: -11px;
	background: url(../../scripts/meteo/other/meteoVideo/img/point.png) no-repeat;
}

#wrapper .sx-video-opt {
	height: 30px;
	width: 400px;
	float: left;
}

#wrapper .sx-video-bottom {
	position: absolute;
	left: 200px;
	height: 30px;
	width: 160px;
	margin: 7px 0px 0px 0px;
	float: left;
	text-align: center;
}

#wrapper .sx-video-btn-group {
	position: absolute;
	left: -30px;
	width: 160px;
	height: 24px;
	float: left;
	margin-left: 18px;
	text-align: center;
}

#wrapper .sx-start-time {
	color: #FFF;
	width: 160px;
	font-size: 8px;
	float: left;
	height: 24px;
	margin-top: 3px;
	text-align: left;
}

#wrapper .sx-end-time {
	color: #FFF;
	float: left;
	width: 120px;
	font-size: 8px;
	height: 24px;
	margin-top: 3px;
	text-align: right;
}

#wrapper .sx-video-btn-stop {
	width: 12px;
	height: 12px;
	float: left;
	cursor: pointer;
}

#wrapper .sx-video-btn-back {
	width: 10px;
	margin-left: 25px;
	height: 14px;
	float: left;
	cursor: pointer;
}

#wrapper .sx-video-btn-play {
	width: 12px;
	height: 16px;
	margin-left: 25px;
	float: left;
	cursor: pointer;
}

#wrapper .sx-video-btn-next {
	width: 10px;
	margin-left: 25px;
	height: 14px;
	float: left;
	cursor: pointer;
}

#wrapper .sx-video-progress-count {
	/* width: 60px; */
	height: 53px;
	color: #03e3fa;
	font-size: 12px;
	float: left;
}

#wrapper .sx-video-progress-times {
	height: 16px;
	margin: 10px 0px 0px 4px;
}

#wrapper .sx-video-progress-nowtime {
	color: #03e3fa;
	font-size: 12px;
}

#wrapper .sx-video-progress-lasttime {
	color: #03e3fa;
	font-size: 12px;
}

#wrapper .sx-video-progress-bottom {
	float: left;
	height: 24px;
	width: 60px;
}

#wrapper .sx-video-query-btn {
	height: 24px;
	width: 22px;
	cursor: pointer;
	margin-left: 20px;
	background: url(../../scripts/meteo/other/meteoVideo/img/time-queryBtn.png) no-repeat;
}

#wrapper .sx-video-query-panel {
	display: none;
	width: 260px;
	height: 53px;
	position: relative;
	float: left;
}

#wrapper .sx-video-ipt-div {
	width: 220px;
	height: 53px;
}

#wrapper .sx-video-query-ipt {
	padding: 2px;
	width: 220px;
	height: 24px;
}

#wrapper .sx-video-query-label {
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
}

#wrapper .sx-video-query-div {
	position: absolute;
	height: 53px;
	top: 8px;
	right: 3px;
	width: 40px;
}

#wrapper .sx-video-query-btns {
	height: 21px;
	width: 29px;
	color: #1257ac;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	background: #FFF;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid #03e3fa;
}

#wrapper .sx-video-query-btns:hover {
	font-weight: bold;
	background: #cbffc3;
	opacity: 0.8;
}

#wrapper .sx-video-stop-img {
	background: url(../../scripts/meteo/other/meteoVideo/img/stop_gray.png) no-repeat;
}

#wrapper .sx-video-back-img {
	background: url(../../scripts/meteo/other/meteoVideo/img/prev_gray.png) no-repeat;
}

#wrapper .sx-video-play-img {
	background: url(../../scripts/meteo/other/meteoVideo/img/play.png) no-repeat;
}

#wrapper .sx-video-parse-img {
	background: url(../../scripts/meteo/other/meteoVideo/img/pause.png) no-repeat;
}

#wrapper .sx-video-next-img {
	background: url(../../scripts/meteo/other/meteoVideo/img/next_gray.png) no-repeat;
}

#wrapper .sx-video-stop-img-blue {
	background: url(../../scripts/meteo/other/meteoVideo/img/stop_blue.png) no-repeat;
}

#wrapper .sx-video-back-img-blue {
	background: url(../../scripts/meteo/other/meteoVideo/img/prev_blue.png) no-repeat;
}

#wrapper .sx-video-play-img-blue {
	background: url(../../scripts/meteo/other/meteoVideo/img/next_blue.png) no-repeat;
}

#wrapper .sx-video-next-img-blue {
	background: url(../../scripts/meteo/other/meteoVideo/img/next_blue.png) no-repeat;
}

.shixu-time-box {
	display: none;
	position: absolute;
	bottom: 86px;
	left: 50%;
	margin-left: -248px;
}

#wrapper .sx-title-left-c .title {
	margin: 0 5px;
}

#wrapper .sx-title-left-c .time {
	color: #03e3fa;
	font-weight: 800;
}