/* CSS Document */
body {background: #000;}
#ecatalogue { position: relative;margin: auto;margin-top: 8%;width: 1000px;height: 666px;}
.tempWrap{overflow:hidden;position:relative;width:100%;}
.tempWrap ul li{width:180px;}
/*------------------- outBox -------------------*/
.outBox{position: relative; width: 999px; height: 649px; overflow: hidden;}
.maskbg {position: absolute; top: 380px; left: 0; width: 999px; height: 270px; background: url(../images/mediabook/ecatalogue/mask_bottom.png) no-repeat; z-index: 6;}
.outBox .navlist {position: absolute; bottom: 0; left: 0; width: 999px; height: 63px; background: url(../images/mediabook/ecatalogue/opacitybg.png) repeat; z-index: 20;}
.mlogo {position: absolute; bottom: 0; right: 0; display: block; width: 145px; height: 56px; text-indent: -9999px; background: url(../images/xinyun_logo.png) no-repeat 0 -1px;background-size:80%;}
.navlist ul {height: 63px;background:#1E1E1E;}
.navlist ul li {float:left; display: inline;}
.navlist ul li a {display: block; width: 82px; height: 63px; text-indent: -9999px;}
.navlist ul li.nav1 a {background: url(../images/media_details/mediadeta-btm01.png) no-repeat center;background-size:100%;}
.navlist ul li.nav2 a {background: url(../images/media_details/mediadeta-btm02.png) no-repeat center;background-size:100%;}
.navlist ul li.nav3 a {background: url(../images/media_details/mediadeta-btm03.png) no-repeat center;background-size:100%;}
.navlist ul li.nav4 a {background: url(../images/media_details/mediadeta-btm04.png) no-repeat center;background-size:100%;}
.navlist ul li.nav5 a {background: url(../images/media_details/mediadeta-btm05.png) no-repeat center;background-size:100%;}
  /* 20180206 */
.navlist ul li.nav11 a {background: url(../images/media_details/mediadeta-btm11.png) no-repeat center;background-size:100%;}
  /* 20180419 */
.navlist ul li.nav12 a {background: url(../images/media_details/mediadeta-btm12.png) no-repeat center;background-size:100%;}
  /* 20250208 */
.navlist ul li.nav13 a {background: url(../images/media_details/mediadeta-btm13.png) no-repeat center;background-size:100%;}
.navlist ul li.nav6 a {background: url(../images/media_details/mediadeta-btm01.png) no-repeat center;background-size:100%;}
.navlist ul li.nav9 a {background: url(../images/media_details/mediadeta-btm01.png) no-repeat center;background-size:100%;}
.navlist ul li.nav10 a {background: url(../images/media_details/mediadeta-btm01.png) no-repeat center;background-size:100%;}

.nav8 a {width: 53px; background-position: -647px 0;}
.navlist .line a{ background: url(../images/media_details/mediadeta-btm06.png) no-repeat center;background-size:110%;}

.nav8 a {display: block; width: 66px; height: 63px; text-indent: -9999px; background: url(../images/media_details/mediadeta-btm07.png) no-repeat center;background-size:110%;}






.navlist ul li.nav1:hover a{background: url(../images/media_details/mediadeta-btm01r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav2:hover a{background: url(../images/media_details/mediadeta-btm02r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav3:hover a{background: url(../images/media_details/mediadeta-btm03r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav4:hover a{background: url(../images/media_details/mediadeta-btm04r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav5:hover a{background: url(../images/media_details/mediadeta-btm05r.png) no-repeat center;background-size:100%;}
/* 20180206 */
.navlist ul li.nav11:hover a{background: url(../images/media_details/mediadeta-btm11r.png) no-repeat center;background-size:100%;}
/* 20180419 */
.navlist ul li.nav12:hover a{background: url(../images/media_details/mediadeta-btm12r.png) no-repeat center;background-size:100%;}
/** 20250208 */
.navlist ul li.nav13:hover a{background: url(../images/media_details/mediadeta-btm13r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav6:hover a{background: url(../images/media_details/mediadeta-btm01r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav9:hover a{background: url(../images/media_details/mediadeta-btm01r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav10:hover a{background: url(../images/media_details/mediadeta-btm01r.png) no-repeat center;background-size:100%;}


.nav8 a:hover {background: url(../images/media_details/mediadeta-btm07r.png) no-repeat center;background-size:110%;}
.navlist ul li.nav1 a.on {background: url(../images/media_details/mediadeta-btm01r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav2 a.on {background: url(../images/media_details/mediadeta-btm02r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav3 a.on {background: url(../images/media_details/mediadeta-btm03r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav4 a.on {background: url(../images/media_details/mediadeta-btm04r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav5 a.on {background: url(../images/media_details/mediadeta-btm05r.png) no-repeat center;background-size:100%;}
/* 20180206 */
.navlist ul li.nav11 a.on {background: url(../images/media_details/mediadeta-btm11r.png) no-repeat center;background-size:100%;}
/* 20180419 */
.navlist ul li.nav12 a.on {background: url(../images/media_details/mediadeta-btm12r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav6 a.on {background: url(../images/media_details/mediadeta-btm01r.png) no-repeat center;background-size:100%;}
.navlist ul li.nav9 a.on {background: url(../images/media_details/mediadeta-btm01r.png) no-repeat center;background-size:100%;;}
.navlist ul li.nav10 a.on {background: url(../images/media_details/mediadeta-btm01r.png) no-repeat center;background-size:100%;}


.nav8 a.on{background: url(../images/media_details/mediadeta-btm07r.png) no-repeat center;background-size:100%;}

.searchbox {position: absolute; bottom: 0; left: 750px; width: 55px; height: 63px; line-height: 23px; overflow: hidden;}
.searchbox a {color: #fff;}
.searchbox a:hover {color: #f00; text-decoration: none;}
.searchbox .nav8 {float: left;}
.searchInner {float: left; padding-top: 20px;}
.keywords {float: left; width: 300px; height: 23px; padding: 0 8px; margin: 0 12px; line-height: 23px; color: #444; border: none; overflow: hidden;font-family:"microsoft yahei";}
.btn-search {float: left; width: 23px; height: 24px; background: url(../images/mediabook/ecatalogue/btn_search.png) no-repeat;}
.back-nav {float: left; padding-left: 17px; margin-left: 19px; background: url(../images/mediabook/ecatalogue/line.gif) no-repeat left center;}

/*------- inBox -------*/
.inBox {position: relative; width: 999px; height: 649px; overflow: hidden;}
.inBox .inHd {position: absolute; bottom: 64px; left: 0; width: 960px; height: 50px; padding: 0 20px; z-index: 7;}
.inBox .inHdul {width: 960px; height: 50px; font-size: 0; text-align: center;display:none;}
.inBox .inHdul li {display: inline-block; height: 50px; padding-right: 2px;}
.inBox .inHdul li.last {}
.inBox .inHdul li a {display: block; padding: 20px 10px 0 10px;margin-top:20px; color: #fff;font-weight: bold;background:url(../images/dot.png) no-repeat 0 -15px;}
.inBox .inHdul li.on a, .inBox .inHdul li a:hover {text-decoration: none;background:url(../images/dot.png) no-repeat 0 1px;}

/*---threeballs----*/
.threeballs{position:absolute;top:-474px;right:25px;}
.threeballs ul li{display:block;width:60px;height:60px;cursor:pointer;border-radius: 30px;background:#B1AFAF;text-align:center;margin:5px 0 0 60px;font-size:14px;color:#000;font-family: "microsoft yahei";}
.threeballs ul li span{display:block;padding-top:13px;width:50px;margin-left:6px;}
.threeballs ul li:hover{background:#C0262A;color:#fff;}
.threeballs ul li.changetored{background:#C0262A;color:#fff;}
.threeballs ul li:first-child span{padding-top:20px;}
ul.threeballsul1 li span{padding-top:20px;}

ul.threeballsul1 li span{padding-top:20px;}

/* wallpaper */
.wallpaper {position: relative; width: 999px; height: 649px; background: #000;}
.wallpaper .bigpic {position: relative; width: 999px; height: 649px;}
.wallpaper .photo {position: relative; z-index: 5;}
.wallpaper .photo li {float: left; display: inline; width: 999px; height: 649px;}
.wallpaper .photo img {width:100%;height:600px;}

.imgScroll {position: absolute; top: 482px; left: 0; width: 1000px; z-index: 7; overflow: hidden;opacity:0.9;background:#000;}
.smallpic {width: 785px; height: 104px; float:left;overflow:hidden;}
.smallpic ul {height: 104px;overflow:hidden;position:relative;margin-top:15px  !important;padding-top:10px  !important;width:100000px !important;}
.smallpiculli{float:left; display: block;cursor: pointer;padding:0 20px;line-hegiht:22px;font-family:"microsoft yahei";color:#fff;border-left:1px solid #fff;opacity:0.6;width:228px;}
.smallpic ul li:first-child{border:none;}
.smallpic ul li span{display:block;width:100%;font-size:16px;color:#c0262a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.smallpic ul li h3{display:block;width:100%;font-weight:normal;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.li_opacity{opacity:1;}
/*.smallpic ul li img {width: 150px; height:auto; margin-top: 8px;}*/
/*.smallpic ul li img:hover {width: 150px; height:auto; margin-top: 8px;background:url(../images/mediabook/ecatalogue/media_dapai01.png) no-repeat;background-size:100%;}*/

.menu_btn{width:170px;height:60px;border-right:2px solid #fff;margin-top:20px;font-family:"microsoft yahei";}
.menu_btn span{color:#C0262A;display:block;font-size:16px;margin-top:5px;}
.menu_btn h3{color:#fff;display:block;font-weight:normal;font-size:14px;}

.lastnoborder{border:none;}

.btn_prev {float: left; width: 30px; height: 25px; margin-top: 41px; background: url(../images/btntolt.png) no-repeat center;background-size:100%;margin-left:40px;margin-right: 20px;}
.btn_next {float: left; width: 30px; height: 25px; margin-top: 41px; background: url(../images/btntort.png) no-repeat center;background-size:100%;margin-left: 48px;}





.btn_prev02 {position: absolute; top: 260px; width: 50px; height: 96px; z-index: 10; background: url(../images/btntolt.png) no-repeat center;background-size:100%;left:90px;}
.btn_next02 {position: absolute; top: 260px; width: 50px; height: 96px; z-index: 10; background: url(../images/btntort.png) no-repeat center;background-size:100%;right:90px;}



#btnlocation {
	background-image: url(../images/mediabook/ecatalogue/icon_location.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 16px;
	padding-top: 3px;
	padding-right: 25px;
	position: absolute;
	right: 20px;
	bottom: 75px;
	z-index: 6;
	display: none;
	color: #fff;
}

.btn_close{
	position: absolute;
	left:10px;
	margin-top:10px;
	z-index: 20;
	text-indent: -9999px;
	background: url(../images/goback.png) no-repeat 0 0;
	background-size:70%;
}
.btn_subclose {
	position: absolute;
	z-index: 20;
	text-indent: -9999px;
	background: url(../images/mediabook/ecatalogue/mainbg.png) no-repeat right 0;
	display:none;
}

.btn_subclose {width: 19px; height: 50px; bottom: 182px; right: 30px;}
.btn_close {top: 0px; right: 10px; width: 60px; height: 60px;}

.topbar {

	background-repeat: repeat-x;
	position: absolute;
	height:80px;
	text-align: center;
	top: 0px;
	width: 1000px;
	z-index: 10;
	color: #fff;
	font-weight: bold;
	line-height:40px;
	font-size:18px;
	background:url(../images/media_details/redangle.png) no-repeat center 45px;
	background-size:4%;
}
.topbar_cont{width:100%;padding:14px 0 7px;margin:0 auto;background:#C0262A; overflow: auto}
.topbar_cont_lt{display:block;float:left;margin-left:50px;font-family:"microsoft yahei";}
.topbar_cont_rt{padding-right:130px;font-family:"microsoft yahei";font-weight:normal;}
.topbar span{padding: 0 5px;font-weight:normal;}
.topbar b{padding: 2px 5px;font-weight:normal;}
.topdetails {position: absolute; top: 0; left: 0; z-index: 10; width: 101px; height: 60px; text-indent: -9999px; background: url(../images/wenben.png) no-repeat 15px 11px;background-size:38%;}
.mapmarginlt{margin-left:134px;}
.topdetails:hover {color: #fff;}

.msginfo {position: absolute; top: 0; left: 0;}
.infodetail {display: none; position: relative; top: 0; left: 0; width: 1000px; height: 590px; z-index: 20;background:#efefef;}
.infodetail_cont{width:100%;    overflow: auto;}
.whiteline {position: absolute; top: 0; left: 0; color:#fff;width: 100%;height:62px;line-height:62px;font-size:20px;font-family:"microsoft yahei";text-align:center;background:#C0262A;}
.whiteline span{width:100px;margin:0 auto;}

.detailsdata {float: left; width: 204px; padding-right: 36px;}
.site_position img {border: 2px solid #808080;}
.detailsother {float: left; width: 325px;}
.detailsmap {float: right; width: 323px;}
.site_code {padding-bottom: 5px; color: #8f8f8f; font-size: 18px; font-weight: bold; line-height: 20px;}
.site_name {font-size: 36px; line-height: 40px; font-weight: bold;}
.message {line-height: 28px;}
.message dt {color: #f00; font-size: 14px;}
.message dd {padding-bottom: 10px; font-size: 14px;}
.map {width: 317px; height: 317px; margin-bottom: 30px; border: 3px solid #808080; background: #ddd;}
.map img {width: 317px; height: 317px;}
.imgborder {border: 3px solid #808080;}

.top_option_menu {position: relative; display: inline-block; color: #fff; text-align: left; z-index: 11;top:10px;left:195px;height:48px;line-height:60px;}
.dropmenu {display: block; height: 37px; padding-left: 30px; cursor: pointer; background: url(../images/mediabook/ecatalogue/icon_down.png) no-repeat 0 -1px;width:120px;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.dropdown {position: absolute; top: 20px; left: 0; display: none; width: 82px;background:#eee;color:#000;width:120px;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.dropdown span {display: block; height: 33px; line-height: 28px; padding: 0; font-weight: bold; cursor: pointer; border-bottom: 1px solid #c0262a;}
.dropdown span.last {border-bottom: none;}
.dropdown span:hover {color: #f00;}

/* scrollbox */
.scrollbox .disable { display: none; }
.scrollbox .scrollbar {position: relative; float: right; width: 10px; padding-left: 15px;}
.scrollbox .track {height: 100%; width: 10px; position: relative; border-radius: 10px; opacity: 0.7; background: #828282;}
.scrollbox .thumb {border-radius: 10px; background: #f00; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scrollbox .viewport {height: 435px; overflow: hidden; position: relative; }
.scrollbox .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }

.contact_mode {display: none; position: absolute; top: 3px; left: 3px; width: 999px; height: 649px; z-index: 99;}

/* search */
.search-result {display: none; position: absolute; top:0; left:0; width: 999px; height: 586px; z-index: 40; color: #fff; font-size: 13px; background: url(../images/mediabook/ecatalogue/opacitybg02.png) repeat;}
.search-bar {height: 63px; line-height: 63px; background:#C0262A;padding-left:100px;font-size:16px;font-family:"microsoft yahei";}
.search-bar em {padding-right: 15px; color: #f00;margin-left:5px;color:#D9F309;}
.searchscroll {width: 999px; height: 546px; padding: 20px 0;background:#fefefe;}
.searchscroll .scrollbar {margin-right: 15px;}
.searchscroll .viewport {height: 505px;}
.searchlist h3 {width: 939px; padding-bottom: 8px; margin: 0 30px 12px 30px; font-size: 18px; border-bottom: 1px solid #C0262A;font-family:"microsoft yahei";color:#C0262A;}
.searchlist ul {padding-bottom: 6px;}
.searchlist ul li {float: left; width: 123px; display: inline; padding-bottom: 14px; margin-left: 30px; overflow: auto}
.searchlist ul li span {display: block; width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 5px; text-align: center; line-height: 14px;color:#000;}
.searchlist ul li a {color: #fff;}
.searchlist ul li a img{margin-left:10px;}
.searchlist ul li a:hover {color: #fff; text-decoration: none;}

.loading {position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; z-index: 41;}
.mediafoot {padding-top: 3px;padding-top:30px;color:#5B595A;text-align:center;}
.mediafoot a{ color: #5B595A;}
.mediafoot p a{ color: #5B595A;}
/*闁炬盯鎽忔潪锟�*/

em{font-style: normal;}
.infodetailcont_head{width:600px;background:#EFEFEF;margin:220px auto 0;color:#3C3C3C;font-family:"microsoft yahei";}
.infodetailcont_head_title{background:#fff;padding:10px 0  10px 30px;box-shadow:0 1px 1px #dedede;overflow:auto;color:#000;}
.infodetailcont_head_title h1{font-size:20px;font-weight:bold;margin:5px 0;}
.infodetailcont_head_title h3{font-size:14px;padding-left:20px;background:url(../images/locator.png) no-repeat 0 0;background-size:15px;display:block;float:left;cursor: pointer;}
.infodetailcont_head_title em{font-size:14px;dispaly:block;float:left;margin-left:10px;}

.infodetailcont_bdwrap{padding:10px 10px 0;background:#fff;height:250px;margin-top:10px;}
.infodetailcont_body{list-style:none;padding-left:30px;background:#fff;height:240px;overflow: auto;}
.infodetailcont_body li{border-bottom:1px solid #e6e6e6;padding:10px 0;display:block;overflow:auto;width:90%;overflow:auto;}
.infodetailcont_body li em{display:block;float:left;margin-right:30px;font-size:16px;}
.infodetailcont_body li span{margin:0 20px 0 0;font-size:14px;line-height:24px;display:block;overflow:auto;padding-left:12px;}
.infodetailcont_body li h3{width:100%;border-bottom:1px solid #e6e6e6;display:block;padding:10px 0;font-weight:normal;font-size:14px;}
.infodetailcont_body li h3 p{display:block;width:77%;float:left;}
.infodetailcont_body li span b{margin-right:30px;font-weight:normal;}
.infodetailcont_body li.noborder{border:none;}
.infodetailcont_body li h3.noborder{border:none;}

/*------閸︽澘娴樺鍦崶----------*/
.busmapwrap{width:100%;height:100%;position:absolute;z-index:1000;background:none;top:0;left:0;display:none;}
.busmapwrapbox{width:100%;height:100%;opacity: 0.6;background:#000;top:0;float:left;}
.busmapbox_cont{position: static; float: none;margin: auto; width:100%; height: 100%;}
.mapyousee{width:1000px;height:655px;margin:0 auto;display:block;background-size:100%;text-align: center;}
.mapyousee img{width:100%;height:100%;border:none;}
.busmapclose_wrap{position:absolute;top:0;left:0; width:100%; height: 100%}
.busmapclose_wrap_cont{width:990px;height:500px;margin:0 auto;}
.busmapclose_wrap_cont button{width:30px;height:30px;border-radius:20px;background:url(../images/closethevideo.png) no-repeat center #fff;background-size:75%;border:none;outline: none;position: absolute;top: 5px; right: 5px;}