@import url('bootstrap.css');

@import url('../css/layout.css');

@import url('../css/fonticons.css');

@import url('../css/base.css');

html, body {

	min-height: 100%;

}

/*----------------------------------------------index------------------------------------------------------*/

.index-banner { overflow:hidden; position:relative; padding-bottom:45%;}

.index-banner > li {float:left; padding:0px; padding-bottom:45%; 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.4); z-index:2;}

.index-banner li div { position:absolute; width:100%; bottom:200px;padding:0px 40px; z-index:333}

.index-banner li div a{ color:#fff;}

.index-banner li div h2:hover{ color:#e4ab3a}

.index-banner li div h2 { display:block; height:50px; line-height:50px; color:#f0f0f0; overflow:hidden; font-size:40px;}

.index-banner li div em { display:block; height:30px; color:#f0f0f0; line-height:25px; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.6);}

.index-banner li div p { color:#f0f0f0; padding-top:10px; line-height:20px; font-size:14px; display:block; height:50px; overflow:hidden;}

.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:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.6); padding:15px 0px;}

.index-banner > li ul li h5 { font-size:20px; color:#f0f0f0; display:block; height:20px; line-height:20px; margin-bottom:5px;}

.index-banner > li ul li h5:hover{ color:#e4ab3a}

.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:130px;margin-top:-320px; 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;}