@import url('bootstrap.css');
@import url('layout.css');
@import url('fonticons.css');
@import url('base.css');
html, body {
	min-height: 100%;
}
/*----------------------------------------------index------------------------------------------------------*/
.index-banner { overflow:hidden; position:relative; padding-bottom:50%;}
.index-banner > li {float:left; padding:0px; padding-bottom:50%; position:absolute; overflow:hidden; display:block;}
.index-banner > li img { position:absolute; height:100%;}
.index-banner span { position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.6); z-index:2;}
.index-banner li div { position:absolute; width:100%; bottom:200px;padding:0px 40px; z-index:333;height:180px;}
.index-banner li div a{ color:#fff;}
.index-banner li div h2:hover{ color:#efe48c}
.index-banner li div h2 {
	display: block;
	height: auto;
	line-height: 30px;
	color: #f0f0f0;
	overflow: hidden;
	font-size: 22px;
	text-align: center;
}
.index-banner li div em {
	display: block;
	height: 40px;
	color: #f0f0f0;
	line-height: 12px;
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255,255,255,0.6);
	text-align: center;
	text-transform: uppercase;
}
.index-banner li div p {
	color: #FFFFFF;
	padding-top: 10px;
	line-height: 20px;
	font-size: 14px;
	display: block;
	height: 60px;
	overflow: hidden;
	text-align: center;
}
.index-banner > li ul { position:absolute; width:100%; bottom:-500px; left:0px; z-index:3; padding:0px 40px;}
.index-banner > li ul li {
	border-bottom: 0px solid #fff;
	border-bottom: 0px solid rgba(255,255,255,0.6);
	padding: 15px 0px;
	text-align: center;
}
.index-banner > li ul li h5 { font-size:20px; color:#FFFFFF; display:block; height:20px; line-height:20px; margin-bottom:5px;}
.index-banner > li ul li h5:hover{ color:#C69966}
.index-banner > li ul li p { color:#eee; font-size:14px; line-height:1;}

/*----------------------------------------------channel-yacht------------------------------------------------------*/
.channel-box { position:relative;overflow:hidden; padding-bottom:45%;}
.channel-bg ,.channel-fade{position:absolute; width:100%; height:100%; z-index:-1;}
.channel-back { background:url(../images/channel-close1.png) 0px -55px no-repeat; position:absolute; z-index:15; right:0px; top:0px; display:block; height:55px; width:55px;}
.channel-back:hover { background-position:0px 0px;}
.channel-fade { z-index:10; background:#1b2229;-ms-filter: "alpha(opacity=60)";    filter: alpha(opacity=60); opacity:0.6}
.channel-content { position:absolute; z-index:20; width:1090px; height:450px; left:50%; top:50%; margin-top:-225px; margin-left:-600px;}
.channel-content dt { display:block; float:left; width:180px;border-right:1px solid #fff; height:450px;}
.channel-content dt h2 { font-size:32px; color:#FFF; margin-top:180px;}
.channel-content dt em { color:#FFF; font-size:16px; text-transform:uppercase;}
.channel-content dd { display:block; float: left; width:980px;}
.channel-content .title { color:#fff; font-size:24px; line-height:30px; margin-bottom:20px;}
.scroll { display:block; overflow:hidden; height:410px;}
.channel-content .scroll * { color:#FFF;}
.channel-content  .scroll img { margin-bottom:10px;}

/*----------------------------------------------channel-img------------------------------------------------------*/
.brand .scroll { height:370px;}
.brand .scroll p {  margin-bottom:10px; font-size:14px;}
.brand-list { position:absolute; left:0px; top:40%; margin-top:-111px; height:40px; width:40px; z-index:25; display:block;}
.brand-list li { display:block; height:40px; overflow:hidden; margin-bottom:1px}
.brand-list li a img{ display:block;background:#cda579; opacity: 0.7;-ms-filter: "alpha(opacity=70)";    filter: alpha(opacity=70)}
.brand-list li a img:hover{ background:#cda579;opacity: 1;-ms-filter: "alpha(opacity=100)";    filter: alpha(opacity=100)}
.channel-yacht { top:auto; bottom:70px; height:130px;}
.channel-yacht ul li { width:240px; position: relative; height:130px; margin:0px 30px; float:left; overflow:hidden; cursor:pointer; padding-top:30px;}
.channel-yacht ul li h3 { display:block; height:28px; line-height:28px; font-size:14px; overflow:hidden; text-align:center; color:#FFF; text-transform:uppercase;}
.channel-yacht ul li:hover h3 { color:#c69966}
.channel-yacht ul li img { position:relative; z-index:5;}
.channel-yacht ul li span { position:absolute; width:240px; height:72px; z-index:10; left:0px; top:30px; display:block; background:#daa76e;-ms-filter: "alpha(opacity=0)";    filter: alpha(opacity=0); opacity:0}
.channel-yacht ul li span a { display:block; height:72px; }

.pro-show-info { position:absolute; display:none; width:100%; z-index:20; height:150px; bottom:190px; background:url(../images/fade-yacht.png) repeat;}
.pro-show-info span { position:absolute; bottom:-12px; display:block; width:27px; height:12px; background:url(../images/arrow-yacht.png) no-repeat; left:50%; margin-left:-470px;}
.pro-show-info dl { display:block; height:100px; padding:25px 0px; width:1200px; margin:0 auto;}
.pro-show-info dl dt { display:block; float:left; width:150px; height:100px; overflow:hidden;}
.pro-show-info dl dd { display:block; float:left; width:450px; height:100px; overflow:hidden;}
.pro-show-info dl dd h6 { display:block; height:30px; line-height:30px; overflow:hidden; margin:0px; color:#dbe1e6; padding-left:4px; font-size:14px; }
.pro-show-info dl dd div a { color:#dbe1e6; display:inline-block; padding:0px 4px; line-height:25px;}
.pro-show-info dl dd div a:hover { color:#FFF; text-decoration:underline;}
/*----------------------------------------------tacht-detail------------------------------------------------------*/
.yacht-show { position:absolute; width:100%; height:100%; top:0px; left:0px; overflow:hidden; z-index:10;}
.yacht-show div.item img { width:100%;}

.detail-show .owl-controls { position:absolute; left:5px; top:45%; margin-top:-50px; height:100px; width:20px; z-index:300;}
.yacht-show .detail-show .owl-controls .owl-page span { background:#FFF;}
.detail-show .flexslider { height:100%;}
#thumb-slide { position:absolute; bottom:50px; left:50%; z-index:400; margin-left:-270px; width:361px; height:30px; border-left:1px solid #FFF;}
#thumb-slide li { border:1px solid #f0f0f0; width:120px; font-size:14px; height:30px; line-height:28px; text-align:center; float:left; color:#FFF; border-width:1px 1px 1px 0px; cursor:pointer; background:#666; background:rgba(0,0,0,0.5);}
#thumb-slide li:hover{ background:#f0f0f0; color:#000;}
#thumb-slide li.flex-active { background:#f0f0f0; color:#000;}

.yacht-info { position:absolute; top:0px; right:0px; width:345px; height:100%; background:url(../images/fade-yacht.png) repeat; z-index:20;}
.yacht-info span.arrow-l { position:absolute; left:-19px;; background:url(../images/arrow-l.png) no-repeat; display:block; width:19px; height:50px; top:50%; margin-top:-25px; cursor:pointer;}
.open span.arrow-l { background-position:0px -50px;}
.yacht-info a.back { display:block; position:absolute; z-index:99; right:0px; top:0px; width:50px; height:50px; background:url(../images/back.png) no-repeat;}
.yacht-info a.back:hover{ opacity:0.5;}
.detail-slide { position:relative; z-index:100; padding:0px 30px; margin-top:20px;}
.detail-slide li.title {padding:10px 0px;height:60px;}
.detail-slide li.title h3 {  height:40px;  color:#c69966; display:block; overflow:hidden; line-height:40px; color:#c69966; font-size:18px;}
.detail-slide > li { display:block; height:35px; line-height:35px; border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,0.7); overflow:hidden;}
.detail-slide li h6 { display:block; height:35px; line-height:35px; font-size:14px; background:url(../images/slide-up.png) right center no-repeat; color:#fff; cursor:pointer; margin:0;margin: 0px 0px 10px;border-bottom: 1px solid #FFF;}
.detail-slide li.on h6 { background:url(../images/slide-down.png) center right no-repeat;}
.detail-slide .scroll { display:block; overflow:hidden; height:210px;}
.detail-slide .scroll p { color:#eee;}

.brand-thumb-slide { height:280px; overflow:hidden;}
.brand-thumb-slide .item { display:block; height:240px; overflow:hidden;}
.brand-thumb-slide .item ul li { display:block; float:left; width:124px; height:120px;  margin:0px 4px;}
.brand-thumb-slide .item ul li img { width:120px;;border:2px solid transparent;}
.brand-thumb-slide .item ul li.on img,.brand-thumb-slide .item ul li img:hover { border:2px solid #c69966;}
.brand-thumb-slide .item ul li.on h5 { color:#c69966;}
.brand-thumb-slide .item h5 { display:block; height:25px; line-height:25px; color:#fff; text-align:center;}

.message .scroll { height:150px;}
.message li { color:#eee; padding:0px 10px; background:url(../images/dot.png) 2px 11px no-repeat; line-height:20px; padding:5px 10px; border-bottom:1px dotted #fff;}
.message textarea { display:block; width:100%; padding:2px; height:90px; line-height:16px; border:1px solid #fff; background:#fff; background:rgba(255,255,255,0.3); color:#eee;}
.message input[type=button] { border:1px solid #ddd; background:#eee; display:block; height:24px; line-height:22px; width:65px; text-align:center; float:left; margin-right:8px; margin-top:8px;}
.message input#order { background:#c69966; border:1px solid #deb990; color:#FFF;}
.order { width:318px; height:358px; position:absolute; z-index:200; top:50%; left:50%; margin-left:-159px; margin-top:-159px; border:4px solid #999; border:4px solid rgba(255,255,255,0.7); display:none; }
.order .close { position:absolute; right:-24px; top:-4px; height:20px; width:20px; display:block; background:rgba(255,255,255,0.7) url(../images/close.png) center center no-repeat; opacity:0.6}
.order div { display:block; background:#FFF; height:350px; overflow:hidden;}
.order h5 { display:block; background:url(../images/order-top.png) no-repeat; height:64px; width:310px; text-indent:-9999px;}
.order ul { padding:23px 20px;}
.order input[type=text] { border:1px solid #e4b988; height:28px; line-height:26px; color:#c69966; padding:0px 5px; width:270px;}
.order input[type=button] { border:1px solid #e4b988; background:#e4b988; color:#7f613f; height:38px; line-height:36px; width:270px; font-size:14px;}
.order li { display:block; margin-bottom:10px;}

.order ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #dcb88f;
}
.order :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #dcb88f;
}
.order ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #dcb88f;
}
.order :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #dcb88f;
}
.order textarea { border:1px solid #dcb88f; color:#c69966; padding:5px; width:270px; line-height:18px; height:72px;}



/*---------------------------------------------group page---------------------------------------------------*/
.group-content { position:absolute; z-index:20; height:450px; left:50%; top:50%; margin-top:-225px; display:block; margin-left:-460px; width:920px;}
.group-content .scroll * { color:#FFF}
.group-service {}
.group-title { color:#FFF; background:url(../images/group-title-bg.png) center center no-repeat; display:block; height:36px; line-height:36px; text-align:center; font-size:28px; margin-bottom:20px;}
.group-service .tab-t,.group-news .tab-t { display:block; border-left:1px solid #FFF; height:30px; display:block; width:640px;}
.group-service .tab-t li,.group-news .tab-t li { display:inline-block; width:144px; height:30px; line-height:28px; text-align:center; color:#FFF; font-size:14px; border:solid #FFF; border-width:1px 1px 1px 0px; float:left; cursor:pointer;}
.group-service .tab-t li:hover{background:#FFF; color:#000;}
.group-service .tab-t li.on ,.group-news .tab-t li.on { background:#FFF; color:#000;}
.group-news .tab-t li a,.group-news .tab-t li a:hover { color:#FFF;}
.group-news .tab-t li.on a { color:#000;}

.group-service .tab-c { display:block; height:360px; padding-top:50px;}
.service-slide { position:relative; height:300px;}
.service-slide .prev,.service-slide .next { cursor:pointer; display:block; height:40px; width:20px; background:url(../images/prevnext.png) no-repeat; position:absolute; top:85px;}
.service-slide .prev { left:-30px;}
.service-slide .next { background-position:-20px 0px; right:-40px;}
.service-slide .item h6 { display:block; height:36px; margin-top:6px; line-height:36px; color:#FFF; text-align:center; overflow:hidden; font-size:16px;}
.service-slide .item img { display:block; width:200px; height:200px; background:rgba(0,0,0,0.4); margin:0 auto; -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px;}

.news-slide { height:350px; padding-top:30px;}
.news-slide .item div { position:relative; display:block; padding-bottom:60%; overflow:hidden;}
.news-slide .item div img { position:absolute; width:100%; height:100%;-moz-border-radius:0px;  -webkit-border-radius:0px;  border-radius:0px;}
.news-slide .item { display:block; overflow:hidden; border:1px solid #FFF; background:#FFF; background:rgba(255,255,255,0.8); margin:0px 10px; padding-bottom:10px;}
.news-slide .item h5 { color:#fff; display:block; height:30px; line-height:30px; overflow:hidden; font-size:14px; padding:0px 10px;}
.news-slide .item em {color:#fff; display:block; height:18px; line-height:18px; overflow:hidden;padding:0px 10px;margin-bottom:8px;}
.news-slide .item p {color:#fff; height:36px; line-height:18px; overflow:hidden;padding:0px 10px; margin-bottom:16px;}
.news-slide .item a {color:#fff; float:right; border:1px solid #999; border-width:1px 0px; display:block; height:24px; text-align:center; line-height:22px; width:95px;margin-bottom: 28px; margin-right:10px;}
.news-slide .prev,.news-slide .next { top:160px;}

.group-join .tab-t { width:421px;}
.group-join { height:350px; }
.group-join .item div { position:relative; display:block; padding-bottom:65%; overflow:hidden;}
.group-join .item div img { position:absolute; width:100%; height:100%;-moz-border-radius:0px;  -webkit-border-radius:0px;  border-radius:0px;}
.group-join .item { display:block; overflow:hidden;  margin:0px 15px;}
.group-join .item h6 { text-align:left; color:#fff; display:block; height:30px; line-height:30px; overflow:hidden; font-size:18px; padding:0px 0px;}
.group-join .item p { height:72px; color:#eee; line-height:18px; overflow:hidden;padding:0px 0px; margin-bottom:16px; font-size:14px;}

.join-slide li { display:block; overflow:hidden; width:180px; margin-right:1px; height:400px; position:relative; float:left;}
.join-slide li h6 { position:absolute; bottom:0px; left:0px; height:40px; line-height:40px; text-align:center; width:180px; background:#444; background:rgba(0,0,0,0.6); color:#FFF; font-size:14px;}
.join-slide li div.dbox { position:absolute; padding:20px; left:180px; top:0px; height:400px; width:377px; background:#FFF; background:rgba(255,255,255,0.7) }
.join-slide li span { position:absolute; display:block; left:0px; top:0px; height:400px; width:180px; background:#000; -ms-filter: "alpha(opacity=60)";    filter: alpha(opacity=60); opacity:0.6; }
.join-slide li.on { width:557px;}
.join-slide li.on span {-ms-filter: "alpha(opacity=0)";    filter: alpha(opacity=0); opacity:0;}
.join-slide li div.scroll { height:300px; overflow:hidden;}
.join-slide li div.dbox > h3 { display:block; height:30px; line-height:30px; overflow:hidden; color:#aa8457; font-size:18px; margin-bottom:20px;}
.join-slide li div.scroll * { color:#444;}
.join-slide li div.scroll p { padding:0px 10px; margin-bottom:10px;}
.join-slide li div.scroll h5 { font-weight:700;}
.join-slide li div.scroll h5 i { color:#aa8457;}

.group-about .tab-t { width:841px;}
.group-about .tab-c { display:block; padding-top:40px; height:360px;}
.about { display:block; overflow:hidden;}
.about .scroll { height:360px; overflow:hidden;}
.about h5 { font-size:18px; font-weight:700; margin-bottom:10px;}
.about p { margin-bottom:10px; line-height:1.6; font-size:14px;}

.service div { display:block; width:33.333%; float:left; height:310px; padding:0px 2px;}
.service div dl { display:block; height:180px; margin-bottom:4px; background:rgba(0,0,0,0.4); padding:20px;}
.service div dl.long { height:364px; padding-top:100px;}
.service div dl dd { color:#ddd; font-size:14px;}
.service div dl dt { display:block; height:50px; line-height:50px; overflow:hidden; color:#FFF; font-size:16px; margin-bottom:10px;}
.service div dl dt h5 { display:block; height:50px; line-height:50px; overflow:hidden; color:#FFF; font-size:16px; }
.service div dl dt h5 img {vertical-align:middle; padding-right:10px;}

.factory dt { display:block; float:left; width:580px; height:360px; overflow:hidden;}
.factory dd { display:block; float:right; width:340px; height:360px; padding:25px; background:rgba(0,0,0,0.4);}
.factory dd h5 { display:block; height:50px; line-height:50px; border-bottom:1px solid #f0f0f0; color:#FFF; font-size:20px;}
.factory dd p { padding-top:10px; color:#eee; font-size:14px;}

.leader-slide { position:relative; height:360px;}
.leader-slide dl dt { display:block; float:left; width:300px; height:320px; overflow:hidden;}
.leader-slide dl dd { display:block; float:right; width:620px; height:320px; background:rgba(0,0,0,0.4); padding:0 30px;}
.leader-slide dl dd h5 { display:block; height:40px; line-height:40px; font-size:18px; color:#FFF;}
.leader-slide dl dd em { font-size:14px; color:#fff; display:block}
.leader-slide dl dd i{ padding:26px 0; display:block; color:#fff;}
.leader-slide dl dd p { font-size:14px;}
.leader-slide dl dd .scroll { height:140px; overflow:hidden;}
.leader-slide .prev,.leader-slide .next { cursor:pointer; display:block; height:40px; width:20px;  background:url(../images/prevnext.png) no-repeat; position:absolute; top:160px;}
.leader-slide .prev { left:-30px;}
.leader-slide .next { background-position:-20px 0px; right:-30px;}

.group-about .tab-c { visibility:hidden;}
/*---------------------------------------------history--------------------------------------------------*/
.timeline { position:relative; height:330px;}
#timeline { height: 330px; display:block; width:920px; margin:0 auto; overflow: hidden; position: relative; background: url(../images/line.png) 70px 0px repeat-y; }
#dates { width: 180px; height: 330px; float:left; }
#dates li { display:block; height: 65px; line-height: 65px; font-size: 14px; text-align:right; position:relative; overflow:hidden; }
#dates li img { position:absolute; width:50px; height:50px; left:100px; top:7px;}
#dates a { color:#46290a;}
#dates em { display:block; float:left; width:80px; text-align:center; height:65px; line-height:65px;background: url(../images/hisrory-dot.png) right center no-repeat; color:#eee;}
#dates .selected { font-size: 18px; }
#dates .selected em { background: url(../images/hisrory-dot-s.png) right center no-repeat; color:#FFF;}
#dates .selected img { width:65px; height:65px; top:0px; left:93px;}
#issues { width: 700px; height: 330px; overflow: hidden; float:right; }
#issues li { width: 700px; height: 330px; overflow:hidden; }
#issues li > div { display:block; height:330px;background:#5f4626; padding:25px 35px; background:rgba(0,0,0,0.4); }
#issues li div h1 { color:#fff; display:block; height:50px; line-height:50px; font-size:18px;}
#issues li div p { font-size:14px; color:#f0f0f0;}
#issues li div.scroll { height:230px;}
#issues li.selected  {}
#nnext, #nprev {
	position: absolute;
	display: block;
	left: 69px;
	width: 11px;
	height: 11px;
	cursor: pointer;
	overflow: hidden;
	z-index: 999;
	background: url(../images/prevnext02.png) 0px -11px no-repeat;
}
#nnext {
	bottom: -14px;
}
#nprev {
	top: -14px;
	background-position: 0px 0px;
}

/*---------------------------------------------slide---------------------------------------------------*/
.owl-carousel .owl-pagination { text-align:center; }
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor:url(../images/grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls { margin-top: 10px; text-align: center; }
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 5px 3px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1;background: #bfa160; }
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images */
.owl-item.loading { min-height: 150px; background:url(../images/AjaxLoader.gif) no-repeat center center }
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor:url(../images/grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease;
 -moz-animation: fadeOut .7s both ease;
 animation: fadeOut .7s both ease;
}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease;
 -moz-animation: fadeIn .7s both ease;
 animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both;
 -moz-animation: scaleToFade .7s ease both;
 animation: scaleToFade .7s ease both;
}
.owl-goDown-in { -webkit-animation: goDown .6s ease both;
 -moz-animation: goDown .6s ease both;
 animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both;
 -moz-animation: scaleUpFrom .5s ease both;
 animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both;
 -moz-animation: scaleUpTo .5s ease both;
 animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty { 0% {
opacity: 1
}
}
@-moz-keyframes empty { 0% {
opacity: 1
}
}
@keyframes empty { 0% {
opacity: 1
}
}
@-webkit-keyframes fadeIn { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes fadeIn { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes fadeIn { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-webkit-keyframes fadeOut { 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-moz-keyframes fadeOut { 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@keyframes fadeOut { 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-webkit-keyframes backSlideOut { 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut { 25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut { 25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn { 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn { 0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn { 0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
transform: translateZ(-500px);
}
 100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade { to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaleToFade { to {
opacity: 0;
-moz-transform: scale(.8);
}
}
@keyframes scaleToFade { to {
opacity: 0;
transform: scale(.8);
}
}
@-webkit-keyframes goDown { from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown { from {
-moz-transform: translateY(-100%);
}
}
@keyframes goDown { from {
transform: translateY(-100%);
}
}
 @-webkit-keyframes scaleUpFrom { from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom { from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom { from {
opacity: 0;
transform: scale(1.5);
}
}
 @-webkit-keyframes scaleUpTo { to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo { to {
opacity: 0;

-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo { to {
opacity: 0;
transform: scale(1.5);
}
}
/* jQuery FlexSlider */


/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* Icon Fonts
*********************************/
/* Font-face Icons */

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav { *height: 0;
}
.flex-direction-nav a { text-decoration:none; display: none; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before { font-size: 40px; display: inline-block; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-size: 20px; display: inline-block; }
.flex-pauseplay a:hover { opacity: 1; }
/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; text-align: center; }
.flex-control-nav li { }
.flex-control-paging li a { cursor: pointer; }
.flex-control-paging li a:hover { cursor: pointer; }
.flex-control-paging li a.flex-active { }
.flex-control-thumbs { }
.flex-control-thumbs li { }
.flex-control-thumbs img { }
.flex-control-thumbs img:hover { }
.flex-control-thumbs .flex-active { }
 @media screen and (max-width: 860px) {
 .flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
 .flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
/*---------------------------------------------scroll--------------------------------------------------*/
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container { width:auto; margin-right:30px; overflow:hidden; }
.mCSB_container.mCS_no_scrollbar { margin-right:0; }
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar { margin-right:30px; }
.mCustomScrollBox>.mCSB_scrollTools { width:16px; height:100%; top:0; right:0; }
.mCSB_scrollTools .mCSB_draggerContainer { position:absolute; top:0; left:0; bottom:0; right:0; height:auto; }
.mCSB_scrollTools a+.mCSB_draggerContainer { margin:20px 0; }
.mCSB_scrollTools .mCSB_draggerRail { width:5px; height:100%; margin:0 auto; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
.mCSB_scrollTools .mCSB_dragger { cursor:pointer; width:100%; height:30px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:5px; height:100%; margin:0 auto; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; text-align:center; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display:block; position:relative; height:20px; overflow:hidden; margin:0 auto; cursor:pointer; }
.mCSB_scrollTools .mCSB_buttonDown { top:100%; margin-top:-40px; }
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container { height:auto; margin-right:0; margin-bottom:30px; overflow:hidden; }
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar { margin-bottom:0; }
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar { margin-right:0; margin-bottom:30px; }
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools { width:100%; height:16px; top:auto; right:auto; bottom:0; left:0; overflow:hidden; }
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer { margin:0 20px; }
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width:100%; height:2px; margin:7px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger { width:30px; height:100%; }
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:100%; height:4px; margin:6px auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight { display:block; position:relative; width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer; float:left; }
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight { margin-left:-40px; float:right; }
.mCustomScrollBox { -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/ }
/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools { opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ }
.mCustomScrollBox:hover>.mCSB_scrollTools { opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */ }
.mCSB_scrollTools .mCSB_draggerRail { background:#000; /* rgba fallback */ background:rgba(0, 0, 0, 0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#fff; /* rgba fallback */ background:rgba(255, 255, 255, 0.75); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:rgba(255, 255, 255, 0.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:rgba(255, 255, 255, 0.9); filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image:url(../images/mCSB_buttons.png); background-repeat:no-repeat; opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp { background-position:0 0;/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/ }
.mCSB_scrollTools .mCSB_buttonDown { background-position:0 -20px;/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/ }
.mCSB_scrollTools .mCSB_buttonLeft { background-position:0 -40px;/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/ }
.mCSB_scrollTools .mCSB_buttonRight { background-position:0 -56px;/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/ }
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ }
/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail { background:#375988; background:rgba(255,255,255,0.2) }
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#9dacc2; background:rgba(255,255,255,0.4) }
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:#9dacc2; background:rgba(255,255,255,0.6) }
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:#9dacc2; background:rgba(255,255,255,0.8) }
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp { background-position:-80px 0; }
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown { background-position:-80px -20px; }
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft { background-position:-80px -40px; }
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight { background-position:-80px -56px; }
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail { width:4px; background:#fff; /* rgba fallback */ background:rgba(255, 255, 255, 0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; }
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:4px; background:#fff; /* rgba fallback */ background:rgba(255, 255, 255, 0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; }
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width:100%; height:4px; margin:6px 0; }
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:100%; height:4px; margin:6px auto; }
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:rgba(255, 255, 255, 0.85); }
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:rgba(255, 255, 255, 0.9); }
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp { background-position:-32px 0; }
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown { background-position:-32px -20px; }
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft { background-position:-40px -40px; }
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight { background-position:-40px -56px; }
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail { width:4px; background:#000; /* rgba fallback */ background:rgba(0, 0, 0, 0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; }
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:4px; background:#000; /* rgba fallback */ background:rgba(0, 0, 0, 0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; }
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width:100%; height:4px; margin:6px 0; }
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:100%; height:4px; margin:6px auto; }
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:rgba(0, 0, 0, 0.85); }
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:rgba(0, 0, 0, 0.9); }

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp { background-position:-112px 0; }
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown { background-position:-112px -20px; }
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft { background-position:-120px -40px; }
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight { background-position:-120px -56px; }
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail { width:4px; background:#fff; /* rgba fallback */ background:rgba(255, 255, 255, 0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:6px; background:#fff; /* rgba fallback */ background:rgba(255, 255, 255, 0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width:100%; height:4px; margin:6px 0; }
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:100%; height:6px; margin:5px auto; }
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:rgba(255, 255, 255, 0.85); }
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:rgba(255, 255, 255, 0.9); }
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp { background-position:-16px 0; }
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown { background-position:-16px -20px; }
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft { background-position:-20px -40px; }
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight { background-position:-20px -56px; }
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail { width:4px; background:#000; /* rgba fallback */ background:rgba(0, 0, 0, 0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:6px; background:#000; /* rgba fallback */ background:rgba(0, 0, 0, 0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width:100%; height:4px; margin:6px 0; }
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:100%; height:6px; margin:5px auto; }
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:rgba(0, 0, 0, 0.85); }
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:rgba(0, 0, 0, 0.9); }
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp { background-position:-96px 0; }
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown { background-position:-96px -20px; }
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft { background-position:-100px -40px; }
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight { background-position:-100px -56px; }
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail { background:#fff; /* rgba fallback */ background:rgba(255, 255, 255, 0.1); }
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:2px; }
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width:100%; }
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:100%; height:2px; margin:7px auto; }
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail { background:#000; /* rgba fallback */ background:rgba(0, 0, 0, 0.15); }
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:2px; background:#000; /* rgba fallback */ background:rgba(0, 0, 0, 0.75); }
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width:100%; }
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:100%; height:2px; margin:7px auto; }
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:rgba(0, 0, 0, 0.85); }
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:rgba(0, 0, 0, 0.9); }
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp { background-position:-80px 0; }
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown { background-position:-80px -20px; }
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft { background-position:-80px -40px; }
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight { background-position:-80px -56px; }



/*---------------------------------------------add---------------------------------------------------*/

.flink li a:hover{ color:#daac77}
.nav li{ cursor:pointer}
.logo a img { opacity:1;}

.boat_title{ display: block;position:absolute; bottom:220px; text-align:center; width:100%; }
.boat_title dt{ font-size:36px;text-align:center; font-weight:bold; color:#fff}
.boat_title dd{ font-size:17px;text-align:center; text-transform:uppercase; color:#fff}

.scroll .prev{ position:absolute; margin-top: -35%; left:0;}
.scroll .next{ position:absolute; margin-top: -35%; right:0}
.scroll strong{ display:block;font-size:18px; margin-top:30px}
.housecar_ppys ul{ display:block; overflow:hidden; margin-top:15px;}
.housecar_ppys li{ display:block; float:left; text-align:center; width:180px; color:#fff; font-size:14px; }
.housecar_ppys li.w30{display:block; width:17px; height:10px;}
.housecar_ppys li img{ width:100%; padding-bottom:5px;}
.title-choose{ border:1px solid #fff; overflow:hidden; display:block; width:630px; margin-bottom:50px;}
.title-choose li{ border-left:1px solid #fff; float: left; width:157px;}
.title-choose li a{width:157px; height:35px; line-height:35px;text-align:center; color:#fff; cursor: pointer; display:block;}
.title-choose li a.on{ background:#fff; color:#2d4660;}
li.bor-left-none{ border-left: none}
.bor-right{border-right:1px solid #fff;}
.scroll p{ font-size:14px;}
.vocational.server strong{ padding-bottom:20px;}
.vocational.server li em{ display:block; float:left; font-size:14px; line-height:1.7;}
.vocational.server li p{ font-size:14px; line-height:1.7;}
.vocational.server .faq li{ padding-bottom:35px;}
/*---希仕会--*/
.Sea-Stella{ padding-bottom:60%; }

.Sea-Stella-jj{ position:absolute; right:0; z-index:99; text-align:center; background:url(../images/contact_02.png) repeat; width:340px; padding:40px; height:100%;}
.Sea-Stella-jj img{ padding-top:15px}
.Sea-Stella-jj h3,.xsh-xm h3{ color:#fff;font-size:22px; padding:15px 0;line-height: 1.2;}
.Sea-Stella-jj p,.xsh-xm p{color:#fff; font-size:14px; line-height:20px; height:100px; overflow:hidden;}
.Sea-Stella-jj a,a.xsh-btn{ padding:8px 0; font-size:16px; background:#c69966; width:100%; text-align:center; display:block; margin-top:30px;color:#403121; }
/*---乐邑郡--*/
.Sea-Stella{ padding-bottom:60%; }

.Sea-Stella-jk{ position:absolute; right:0; z-index:99; text-align:center; background:url(../images/contact_02.png) repeat; width:340px; padding:40px; height:100%;}
.Sea-Stella-jk img{ padding-top:15px}
.Sea-Stella-jk h3,.xsh-xm h3{ color:#fff;font-size:22px; padding:15px 0;line-height: 1.2;}
.Sea-Stella-jk p,.xsh-xm p{color:#fff; font-size:14px; line-height:20px; height:200px; overflow:hidden;}
.Sea-Stella-jk a,a.xsh-btn{ padding:8px 0; font-size:14px; background:#c69966; width:100%; text-align:center; display:block; margin-top:30px;color:#403121; }
/*---希仕会简介--*/


.channel-box.yacht-detail .yacht-info.open .detail-slide.xsh-xm #owl-demofx .xsh-jianjie.tab-t{ position:static; margin:0; margin-top:90px; overflow:hidden; width:301px; }
.channel-box.yacht-detail .yacht-info.open .detail-slide.xsh-xm #owl-demofx .xsh-jianjie.tab-t li{ width:95px;}
.show_city .owl-controls{    position: absolute;top:50%; margin-top:-50px;left:10px; width:14px;}
.show_city .owl-controls .owl-page span{ width:10px; height:10px; background:#fff; margin:2px; opacity: 1;filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";  }

.show_city .owl-controls .owl-page.active span{ background:#dfa776;}
.remove { width:80%;  position:absolute; bottom:0; z-index:99;}
.remove .prev{ display:block; position: absolute; left:0; bottom:0; cursor:pointer}
.remove .next{display:block;position:absolute;bottom:0; right:0; cursor:pointer}
.show_city img{ width:100%;}
.xsh-xm{ padding:0 28px;}
.detail-slide.xsh-xm h3{ color:#daac77; padding-top:90px;}
.detail-slide p{}
.detail-slide.xsh-xm a:hover,.Sea-Stella-jj a:hover{ color:#fff;}


/*.Sea-hs-server{ background:url(../images/Sea-Stella_bg.jpg) no-repeat; padding:0}
*/
.Sea-hs-server h1{ font-size:30px; color:#fff; text-align:center; padding:60px 0 30px;}
.Sea-hs-server ul{ width:1000px; display: block; overflow:hidden; margin:0 auto;}
.Sea-hs-server ul li { display:block; float: left; margin:2px 3px 3px 2px; cursor:pointer; position:relative;overflow:hidden;}
.Sea-hs-server ul li span { position:absolute; display:block; width:100%; height:100%; top:0px; left:0px; z-index:2; background:#000; opacity:0;filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
.Sea-hs-server ul li img{ position: relative; z-index:1;}
.Sea-hs-server ul li img:hover{ opacity:0.8;}
.Sea-hs-server ul li strong{ font-size:24px; color:#ceab84;}
.Sea-hs-server ul li div { font-size:12px; position:absolute; left:0px; width:495px; padding:15px 20px; top:230px; z-index:3; height:225px; line-height:1.8; overflow: hidden;}
.Sea-hs-server ul li div p { color:#ceab84; line-height:20px; height:160px; overflow:hidden;}
.Sea-hs-server .address{ text-align:center; padding:12px; width:995px; color:#fff; background:#000; display:block; float:none; opacity: 0.56;filter: alpha(opacity=56); -ms-filter: "alpha(opacity=56)"; }

.boat-rent{padding-bottom: 45%;}
.boat-rent-title{position: absolute; height:560px; width:1000px; top:50%; left:50%; margin-top:-280px; margin-left:-500px; z-index:11;}
.boat-rent-title h1{ position: relative; z-index:3; padding:0px; display:block; height:50px; line-height:40px; overflow:hidden;}
.boat-rent-title i{ left:0;display:block; height:1px; width:270px; background:#fff; position:absolute; z-index:1; top:80px;}
.boat-rent-title span{ right:0;display:block; height:1px; width:270px; background:#fff; position:absolute; z-index:1; top:80px;}
.boat-rent-title .tuoguan{display:block; top:230px; position:absolute; z-index:3; overflow:hidden;}


.channel-box.Sea-hs-server.pb55{ padding-bottom:50%;}
.rent-owl{ width:540px; height:350px; float:left; margin-top:80px; position:relative;}
.channel-fade.hei40{ height:40px; bottom:0; z-index:1}

.rent-owl .owl-item { width:540px; height:350px; overflow:hidden;}
.rent-owl .owl-item img { width:540px; height:350px;}

.rent-owl .owl-theme .owl-controls .owl-page span {background:#fff; position:relative;margin-top: -115px;opacity:1;}
.rent-owl .owl-theme .owl-controls .owl-page.active span{ background:#a38564 ;opacity:1}

.boat-rent-title .right440{ width:400px; height:440px; padding-top:80px; overflow: hidden; float:right;}
.boat-rent-title .right440 h2{ font-size:24px; color:#fff;}
.boat-rent-title .right440 a{ width:120px; height:35px; line-height:35px; text-align:center; background:#fff; color:#35313e; display:block; margin:20px 0;}

.right440 .detail-slide{ width:100%; padding:0;}
.right440 .detail-slide li{ width:100%; margin:0px;}
.right440 .detail-slide h6{ width:100%;}
.right440 i{ height:1px; width:100%;border-bottom:1px solid #fff; position:static;}
.right440 .message li{ background: none; border:none; padding:0; width:395px;}
.channel-content .width200{ width:240px;}

body{ overflow:auto;}
.channel-content dt { margin-left:100px;}
.channel-content dd{ padding-left:75px;width: 680px;}

.flink li div.width280{ width:280px;}
.sina-bg{ height:468px; width:630px; overflow:hidden; background:url(../images/xinlang-bg.png) no-repeat; position: relative; z-index:9999; float:right; right:220px;margin-top:-540px; top:0; display:none; padding:15px;}
.sina-bg img{ margin:0 auto; display:block; margin-top:10px;}

.sina-bg div{ height:428px;background:#fff; overflow:hidden;}
.sina-bg iframe{overflow:auto; }
.weixin-bg{ height:240px; width:210px; background:url(../images/wenxin-bg.png) no-repeat;position: relative; z-index:9999; float:right; right:200px;margin-top:-290px; top:0; display:none;}
.detail-slide > li.border-bottom-none{ border-bottom:none;}
button.fangxiang{ border:none; background:none; color:#fff; font-size:18px; line-height:30px; padding-left:7px; display:block; float:left;position: absolute;right:10px;top:0px;}
.detail-slide.xsh-xm #owl-demofx #thumb-slide li{ border:1px solid #ff; }

.channel-content.width1200{ width:1200px}
.tab-hs { position: absolute; top:350px; left:0; z-index:999;}
.tab-hs li{ display:block; margin-bottom:1px}
.tab-hs li strong{ color:#535353; font-size:18px; display:block;  text-align:center;}
.tab-hs li a{height:75px; width:65px; background:#fff;cursor:pointer; padding:10px 3px 0 0;color:#b7b7b7; font-size:10px; text-align:center; display:block;}
.tab-hs li a:hover{ background:#e2c4a2;color:#fff; }
.tab-hs li a:hover strong { color:#fff;}
.tab-hs li.on a { background:#cda579; color:#fff;}
.tab-hs li.on a strong { color:#fff;}
.channel-box.Sea-hs-server.pa0{}
.pt50{ padding-top:33px;}

.weixin-bg img{ display:block;  width:180px; height:180px; margin-top:15px;}

.right440 p{ color:#fff; border-top:1px solid #fff; padding-top:10px;margin-top: 25px;}
.pop-renting{ width:690px; height:400px; background: url(../images/contact_01.png) repeat; top:50%; margin-top:-200px; left:50%; margin-left:-345px; position:fixed; z-index:99; padding:8px; display:none;}
.pop-renting .pop-renting-cont{ height:384px; width:674px; background:#fff; padding:15px 45px 15px 15px;}
.pop-renting .pop-renting-cont select{height:30px; width:260px; padding:0 8px; float:left;}
.pop-renting .pop-renting-cont h4{ font-size:24px;color:#c69966;padding-bottom: 13px;}
.pop-renting .pop-renting-cont ul{ display:block; float:left;}
.pop-renting .pop-renting-cont ul li{ display:block;width:260px; height:35px; margin-bottom:13px }
.pop-renting .pop-renting-cont ul li .yzm{height:31px; width:60px; float:right; border:1px solid #ccc;}
.pop-renting .pop-renting-cont .date input{ width:50px; height:30px; line-height:30px; float:left; padding:0 8px}
.pop-renting .pop-renting-cont .date input.wit80px{ width:80px;}
.pop-renting .pop-renting-cont .date p{ float:left; padding:0 7px;line-height: 30px;height: 30px;}
.pop-renting .pop-renting-cont li div.name{ width:190px; height:30px; float:left; line-height:30px; border:1px 
solid #ccc; padding:0 8px;}
.pop-renting .pop-renting-cont li div.name input{ border:none; height:28px; line-height:28px; float:right;}
.pop-renting .pop-renting-cont li select.name { width:60px; float:right;}
.pop-renting .pop-renting-cont li div.width260{ width:260px;}
.pop-renting .pop-renting-cont li div.width260 input{ width:200px;}
.pop-renting .pop-renting-cont .remarks{ float:right; background:url(../images/renting01.jpg) no-repeat; width:307px; height:225px;}
.pop-renting .pop-renting-cont .remarks textarea{ width:290px; height:190px; margin:0 auto; margin-top:28px; display:block; border:none;}
.pop-renting .pop-renting-cont button{ background:url(../images/renting1.jpg) no-repeat; height:33px; width:33px; position:absolute; top:8px; right:8px; z-index:100; border:none;}
.pop-renting .pop-renting-cont button:hover{ background:url(../images/renting2.jpg) no-repeat; }
.pop-renting .pop-renting-cont a{ background:none; border:none; display:block; height:30px; width:105px; text-align:center; line-height:30px; background:#c69966; color:#fff; position:absolute; bottom:20px; font-size:14px;}
.pop-renting .pop-renting-cont a:hover{ color:#000;}


.channel-content { margin-left:-545px;}
.news-slide .item { padding:8px;background: url(../images/contact_01.png) repeat;  border:none;}
.news-slide.honour .item p{ padding-top:10px; height:63px;}
.news-slide.honour .prev, .news-slide.honour .next{ top:120px}
.news-slide.honour .owl-theme .owl-controls .owl-page span{ height:0;}
.group-service.group-about.goonyh .tab-t{ width:830px; margin:0 auto;}
.group-service.group-about.goonyh .tab-t li{ width:136px;}
.group-about.goonyh .tab-c { padding-top:55px}
.group-news .tab-t{ margin:0 auto;}
.news-slide.honour .item img { height:auto; width:100%;}
.detail-slide .scroll.hei100{ height:100px;}

.intud p{ line-height:1.5; color:#fff; font-size:14px; width:630px;}
.channel-content b,.channel-content b.title { font-size:18px; font-weight:bold; margin-bottom:10px; display:block;}
.intud #owl-demo{ padding:0 0 55px}

.intud .scroll .prev,.intud .scroll .next{ margin-top:-170px; top:50%;}
.ppjiab .tab-t{ width:480px; margin:0 auto;}
.ppjiab.channel-content { margin-left:-480px}
.group-news .tab-t li a:hover{ color:#000; background:#fff;width: 144px;height: 28px; text-align:center; display:block;}
.xsh-indexbg { position:absolute; z-index:55; right:250px; top:0;}

.news-pop-detail ul{ margin:0 auto; width:1095px; height:390px; display:block;}
.news-pop-detail ul li{ width:495px; display:block; float: left; position:relative; margin-right:25px}
.news-pop-detail ul li.right{ width:550px;}
.news-pop-detail ul li .scroll { height:310px; display:block;}
.news-pop-detail ul li p{ display: block; margin-bottom:8px}
.news-pop-detail ul li h3,.news-pop-detail ul li p{ color:#fff; font-size:14px;}
.news-pop-detail ul li h3{ font-size:24px;}
.news-pop-detail ul li em{ font-size:12px; color:#fff; margin:7px 0 15px; display: block;}
.news-pop-detail .prev{ position:absolute; top:40%; left:0;}
.news-pop-detail .next{ position:absolute; top:40%; right:0;}
.news-pop-detail ul li br{ margin-bottom:20px;}
.news-pop-close{background: url(../images/channel-close.png) no-repeat  0px -55px ; height:55px; width:55px; display:block; position: absolute; z-index:999; right:0; top:0;}
.news-pop-close:hover{ background-position:0 0}

.xsh-indexbg strong,.xsh-indexbg i,.xsh-indexbg span{ display:block; cursor:pointer; background:#b8b9c6;opacity: 0.86;filter: alpha(opacity=86); -ms-filter: "alpha(opacity=86)";   color:#403121; font-size:14px;border-radius:5px; text-align:center;  display:block; position:absolute; cursor:pointer;height:38px; line-height:38px; width:130px; font-weight: bold;}
.xsh-indexbg strong{ right:160px; bottom:39%;}
.xsh-indexbg span{right:190px; bottom:23%;}
.xsh-indexbg i{right:320px; bottom:7%;}
.xsh-indexbg strong:hover,.xsh-indexbg i:hover,.xsh-indexbg span:hover{ background:#c69966;filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";opacity: 1;}
.xm-xsh-p p{ height: auto;}
.ma-auto{ margin:0 auto;}
.channel-content.wf455 {margin-left: -455px;}
.yacht-info.wi460{ width:460px}
.dslide-yzm-box{ height:24px;margin-top: 8px;width: 100px; float:left;}
.dslide-yzm{ display:block; height:24px; margin-top:8px; width:80px; float:left; margin-left:8px; background:#ccc;}
.dslide-yzm-box.mb10{ border:1px solid #DCB88F;}



.channel-box.Sea-hs-server .close{background: url(../images/channel-close.png) no-repeat  0px 0 ;height:55px; width:55px; display:block; position: absolute; z-index:999; right:0; top:0;}
.channel-box.Sea-hs-server .close:hover{ background-position:0  -55px}
.flink li div.width470{ width:470px;}


/*--------------------------------how can i say----------------------------------------*/
.Sea-hs-server .group-title { font-size:24px;}
.city .owl-wrapper-outer { border-left:1px solid #fff;}
.city div.item { text-align:center; border:1px solid #fff; border-width:1px 1px 1px 0px; height:25px;}
.city div.item a { color:#FFF; display:block; height:25px; line-height:25px; text-align:center;}
.city div.item a.on { background:#FFF; color:#333;}
.city { position:relative; padding:45px 15px 0px; height:70px;}
.city .prev,.city .next { cursor:pointer; display:block; height:20px; width:6px;  background:url(../images/prevnext.png) 0px -10px no-repeat; position:absolute; top:48px;}
.city .prev { left:0px;}
.city .next { background-position:-35px -10px; right:0px;}

.yacht-show .flexslider { position:static;}
.yacht-show .flex-control-nav { position:absolute; left:10px; top:50%; margin-top:-50px; z-index:66; width:10px;}

.yacht-show .flex-control-nav li { display:inline-block; width:10px; height:10px;  overflow:hidden;  margin:2px 0px;}
.yacht-show .flex-control-nav li a { display:block; height:10px; text-indent:-9999px;background:#FFF;-moz-border-radius:10px;  -webkit-border-radius:10px;  border-radius:10px;}
.yacht-show .flex-control-nav li a.flex-active {background:#c69966;}



.boat-info {position: absolute; height:460px; width:1000px; top:50%; left:50%; margin-top:-230px; margin-left:-500px; z-index:11;}
.boat-info  .message .scroll { height:120px;}
.boat-info-slide { padding-top:20px;}
.boat-info-slide dl { display:block; height:350px; overflow:hidden;}
.boat-info-slide dl dt { display:block; float:left; width:540px; height:350px;}
.boat-info-slide dl dd { display:block; float:right; width:440px; height:350px;}
.boat-info-slide dl dt img { width:540px; height:350px;}

.boat-info-slide dl dd h2 { font-size:24px; color:#fff;}
.boat-info-slide dl dd a { width:120px; height:35px; line-height:35px; text-align:center; background:#fff; color:#35313e; display:block; margin:18px 0;}

.boat-info-slide dl dd .detail-slide { padding:0px; margin:0px; border-top:1px solid #FFF;}
.boat-info-slide dl dd .detail-slide li{ width:100%; margin:0px;}
.boat-info-slide dl dd .detail-slide h6{ margin-bottom:10px;}
.boat-info-slide dl dd i{ height:1px; width:100%;border-bottom:1px solid #fff; position:static;}
.boat-info-slide dl dd .message li{ background: none; border:none; padding:0; width:395px;}

.boat-info-slide { position: relative;}
.boat-info-slide .prev,.boat-info-slide .next { cursor:pointer; display:block; height:40px; width:20px;  background:url(../images/prevnext.png) 0px 0px no-repeat; position:absolute; top:150px;}
.boat-info-slide .prev { left:-40px;}
.boat-info-slide .next { background-position:-20px 0px; right:-40px;}

.boat-info .detail-slide { margin-top:0px;}

.boat-info-slide .flex-control-nav { bottom:0px; left:0px; height:30px; z-index:66; background:#000;filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";opacity:0.8; text-align:center; padding:10px 0px;}
.boat-info-slide .flex-control-nav li { display:inline-block; width:10px; height:10px;  overflow:hidden;  margin-right:5px;}
.boat-info-slide .flex-control-nav li a { display:block; height:10px; text-indent:-9999px;background:#FFF;-moz-border-radius:10px;  -webkit-border-radius:10px;  border-radius:10px;}
.boat-info-slide .flex-control-nav li a.flex-active {background:#c69966;}
.travel-line-slide .travel-line { color:#FFF; padding:10px 0px; line-height:20px; height:100px; }


#probar { position:fixed; z-index:999; border:1px solid #fff; display:none; width:102px; height:47px; }
#probar img { width:100px; height:45px;}

/*-------------------------------------2014-10-26----------------------------------*/
.pro-show-info dl { padding:15px 0px; height:150px;}
.pro-show-info dl dt { border-right:1px dotted #fff; border-color:rgba(255,255,255,0.25); height:100px; margin-top:12px;}
.pro-show-info dl dd { height:120px;}
.pro-show-info dl dd div ul { padding-left:10px;}
.pro-show-info dl dd div ul li { display:block; width:100px; float:left; margin-right:10px;height:60px;}
.pro-show-info dl dd div ul li img { display:block; width:100px; height:40px;filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; opacity:0.5}
.pro-show-info dl dd div ul li:hover img { opacity:1;filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
.pro-show-info dl dd div ul li em { display:block; height:20px; line-height:20px; text-align:center; overflow:hidden; color:#FFF;}

/*2014-12-18*/
.BizQQWPA,.customer{z-index:100;}