/*!
 *  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: 167px }
.kwicks > li { height: 167px }
#panel-1 a { background-color: #0068b6 }
#panel-2 a { background-color: #ef8200 }
#panel-3 a { background-color: #fff000 }
#panel-4 a { background-color: #ef8200 }		

.kwicks-imgbox { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0 }
.kwicks-imgbox .iconfont { position: absolute; top: -1px; left: 30px; z-index: 2; color: #fff }	

.kwicks-a .kwicks-tit h2, .kwicks-a:hover .kwicks-tit h2 { color: #fff }
.kwicks-a .kwicks-tit03 h2, .kwicks-a:hover .kwicks-tit03 h2 { color: #00a63c }

.kwicks-tit { position: absolute; left: 15px; bottom: 10px; z-index: 2; padding-bottom: 6px }
.kwicks-tit01 { border-bottom: 5px solid #c82d81 }
.kwicks-tit02 { border-bottom: 5px solid #2a8bc4 }
.kwicks-tit03 { border-bottom: 5px solid #f18f4b }
.kwicks-tit04 { border-bottom: 5px solid #2a8bc4 }

.kwicks01-img02 { position: absolute; left: 50%; bottom: 0; z-index: 2 }
.kwicks02-img02 { position: absolute; left: 0%; top: 0px; z-index: 1 }
.kwicks03-img02 { position: absolute; left: 45%; top: 12px; z-index: 2 }
.kwicks04-img02 { position: absolute; left: 20%; top: 15px; z-index: 2 }

.kwicks-img03 { position: absolute; right: 0; top: 0; z-index: 2 }


/*屏幕小于等于800*/
@media ( max-width:800px ) {	
.kwicks { width: 100%; height: 344px }
.kwicks > li { width: 100%; padding: 10px 10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box  }
.kwicks-imgbox { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.kwicks01-img02, .kwicks02-img02, .kwicks03-img02, .kwicks04-img02 { left: auto; top: auto; bottom: 0; right: 0 }

.kwicks-tit { bottom: 0; top: 10px; padding-bottom: 0; z-index: 10 }
.kwicks-tit h2.letterspacing-10px { letter-spacing: 0; margin-right: 0 }
.kwicks-tit { border-bottom: 0 none }
.kwicks-tit h2 { padding-bottom: 5px; margin-bottom: 8px; }
.kwicks-tit01 h2 { border-bottom: 3px solid #c82d81 }
.kwicks-tit02 h2 { border-bottom: 3px solid #8f8e8e }
.kwicks-tit03 h2 { border-bottom: 3px solid #f18f4b }
.kwicks-tit div.un_dis.fontSize12 { margin-top: -8px }

.kwicks01-img02 { width: auto; height: 100% }
.kwicks02-img02 { width: auto; height: 80% }
.kwicks03-img02 { width: auto; height: 80% }

}