/*!
 *  Kwicks: Sexy Sliding Panels for jQuery - v2.2.1
 *  http://devsmash.com/projects/kwicks
 *
 *  Copyright 2013 Jeremy Martin (jmar777)
 *  Contributors: Duke Speer (Duke3D), Guillermo Guerrero (gguerrero)
 *  Released under the MIT license
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*
 *  This file contains styles that are common to all kwicks instances.  Note that each kwicks instance requires
 *  additional styling - please see the examples for more info.
 */
.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks > * {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.kwicks.kwicks-processed > * {
	margin: 0;
	position: absolute;
}
.kwicks-horizontal > * {
	float: left;
}
.kwicks-horizontal > :first-child {
	margin-left: 0;
}
.kwicks-vertical > :first-child {
	margin-top: 0;
}


.kwicks { height: calc(100%) }
.kwicks li { height: 100% }
.kwicks li:nth-of-type(odd) { background: #e9e9e9 }
.kwicks li:nth-of-type(even) { background: #f4f4f4 }	
.kwicks li.kwicks-expanded .title { border-bottom: 4px solid #fff }
.kwicks li.kwicks-expanded .txt { height:auto; line-height:1.6em; overflow:hidden;  -webkit-line-clamp:initial; }
.kwicks li.kwicks-expanded .icon-triangle-down { display: none }

.kwicks .title,.kwicks .txt, .kwicks .buttonbox, .kwicks .button, .kwicks-bg { -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s }
.kwicks .title { border-bottom: 4px solid #f3982d;line-height: 2em;height: 2em; }

.kwicks .txt { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;height:4.45em; line-height:1.6em; overflow:hidden;  -webkit-line-clamp:3;  }
.kwicks .buttonbox { width: 42px; margin-right: 40px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.kwicks .button { padding: 5px; color: #fff; writing-mode: vertical-lr; writing-mode: tb-lr }
.kwicks-bg { z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.kwicks-bg01 { background: url(../images/flow/flow-kv1.jpg) center center no-repeat; background-size: cover }
.kwicks-bg02 { background: url(../images/flow/flow-kv2.jpg) center center no-repeat; background-size: cover }
.kwicks-bg03 { background: url(../images/flow/flow-kv3.jpg) center center no-repeat; background-size: cover }
.kwicks-bg04 { background: url(../images/flow/flow-kv4.jpg) right center no-repeat; background-size: cover }

.kwicks-expanded .kwicks-bg { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.kwicks-expanded .kwicks-con { right: auto; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.kwicks li:nth-of-type(odd).kwicks-expanded .title, .kwicks li:nth-of-type(even).kwicks-expanded .title { color: #fff; background: transparent }

.kwicks-expanded .title { transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4);-moz-transform: scale(1.4) }
.kwicks-expanded .txt { color: #fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.kwicks-expanded .buttonbox { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

/*老庙*/

.kwicks-lm img { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }

.kwicks-lm li:nth-of-type(1) div{ background: #e8d7d9;height: 100%;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.kwicks-lm li:nth-of-type(2) div{ background: #dbecec;;height: 100%;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.kwicks-lm li:nth-of-type(3) div{ background: #fff;height: 100%;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.kwicks-lm li:nth-of-type(4) div{ background: #fceedc;height: 100%;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.kwicks-lm li:nth-of-type(5) div{ background: #f4e9e3;height: 100%;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

.kwicks-lm { height: 600px }
.kwicks-lm li { height: 400px;margin-top: 100px!important; }
.kwicks-lm img { max-width: 160px!important;margin: auto; }
.kwicks-lm p{writing-mode: vertical-rl; writing-mode: tb-rl;height: 0;overflow: hidden; }

.kwicks-lm .kwicks-expanded { height: 600px;margin-top: 0!important;box-shadow: 2px 1px 14px 2px rgb(0,0,0,0.2);z-index: 999; } 
.kwicks-lm li.kwicks-expanded div{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 ; -webkit-filter:alpha(opacity=100); }
.kwicks-lm li.kwicks-expanded p { height: 50%;margin-top: 220px; } 
.kwicks-lm li.kwicks-expanded img { top:20px; -webkit-transform: translate(-50%, 20px); -moz-transform: translate(-50%, 20px); -ms-transform: translate(-50%,20px); -o-transform: translate(-50%, 20px); transform: translate(-50%, 20px) } 

@media ( max-width:800px ) {	
.kwicks { height: auto }
.kwicks li { width: 100%;color: #fff; height: calc(100vh);position: relative }
.kwicks li:first-of-type(1) { height: calc(100vh - 60px) }
.kwicks .txt { opacity: 1;height: auto }
.kwicks .title { border-bottom: 4px solid #fff;line-height: 2em;height: 2.4em }
.kwicks-con { margin: auto;padding: 30px 25px;box-sizing: border-box }

.kwicks-flow li:nth-of-type(1) { background: url(../images/flow/mo_flow-kv3.jpg) center right 36% no-repeat; background-size: cover }
.kwicks-flow li:nth-of-type(2) { background: url(../images/flow/mo_flow-kv1.jpg) bottom center no-repeat; background-size: cover }
.kwicks-flow li:nth-of-type(3) { background: url(../images/flow/mo_flow-kv4.jpg) right 37% center no-repeat; background-size: cover }
.kwicks-flow li:nth-of-type(4) { background: url(../images/flow/mo_flow-kv2.jpg) center center no-repeat; background-size: cover }
.kwicks-flow li:nth-of-type(5),.kwicks-flow li:nth-of-type(6){ display: none!important }

.kwicks-lm li,.kwicks-lm p { height: auto!important;color: #000; }
.kwicks-lm li div { filter:alpha(opacity=100)!important; -moz-opacity:1!important; -khtml-opacity:1!important; opacity:1!important }
.kwicks-lm li { margin-top: 20px!important }

.kwicks-lm .kwicks-expanded { height: auto;margin-top: 20px!important }
.kwicks-lm li.kwicks-expanded img {  position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0)} 

.kwicks-con.poabsolute-wh50 { top: 40%; }


}