#headerpc,topLink,k2,k1{ display:none;}
.head{display:none;}
#menu{display:none;}
.n_banner{display:none;}
.height10{display:none;}
.clearfix{display:none;}
#container{display:none;}
.foot{display:none;}
.yb_conct{display:none;}
.yb_bar{display:none;}

img{border:0;}ul,li{list-style-type:none;}
a{color:#333;outline:none;}
a,a:visited{text-decoration:none;color:#333;}
.cl{clear:both;}


/*头部区域*/
.mheader{width:100%;background:#FFF;overflow:hidden;}
.mheader .mtels{border-bottom:solid 1px #ececec;}
.mheader .mmlogo{clear:both;}


/*导航区域*/
.mnavside{width:100%;background-color:#fd1b03;}
.mnavside ul{margin:5px 0;}
.mnavside li{float:left;width:49%;line-height:45px;font-size:1em;text-align:center;border:solid 1px #fff;}
.mnavside li a{color:#FFF;}
.mnavside li span{font-weight:bold;color:#FFF;}
.mnavside li span .on{font-weight:bold;color:#FFF;}
.mcl{ clear:both;}




/*产品展示*/
.products{position:relative; width:99.5%; margin:0 auto;background:#fff;}
.contentss{padding:10px; line-height:25px; text-align:left; text-indent:25px;}
.ee{padding-left:20px; font-family:Microsoft YaHei;}
.products_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:100 14px/40px Microsoft YaHei; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.products ul{padding-bottom:5px; text-align:left !important;}
.products ul li{display: inline-block;margin-top: 15px;text-align: center;overflow: hidden; width:43.0%; padding:5px;background: #eee; margin-left:2%;}
.products ul li a{display: inline-block;overflow: hidden;border: 1px solid #fff;box-shadow: 3px 3px 5px #aaa; width:100%;}
.products ul li a img{display: block;width:100%; min-height:120px; max-height:120px;height: auto;vertical-align: middle;}
.products ul li  h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;background: #eee;}






.plist{clear:both;width:100%;}
.plist .tits{padding:5px;color:#FFF;font-size:1em;text-align:center;background-color:#007cd3; font-weight:bold;}
.subclass1{padding:5px 10px;}
.subclass1 li{float:left;  margin:6px;font-size:14px;background:url(../img/arrow.jpg) no-repeat center left;padding-left:10px;}


.mconte{padding-top:10px;overflow:hidden;}
.mconte .mcpzs  li{float:left;width:44%;margin-left:2%; margin-right:3%; margin-bottom:15px; text-align:center;font-size:13px;min-height:160px;}
.mconte .mcpzs li a{ width:100%;font-size:1em;}
.mconte .mcpzs li img{  border:1px solid #f5f5f5; }

.mtitl{width:100%;height:100px;color:#FFF;line-height:100px;background:url(../img/title6.jpg) no-repeat center;display:block;overflow:hidden;}



.xixi1{width:100%;height:41px;background-color:#ececf8;}
.xixi2{width:100%;height:41px;background-color:#ececf8;}
.xixi3{width:100%;height:41px;background-color:#ececf8;}

.tab1{width:100px;height:41px;line-height:41px;float:left;text-align:center;cursor:pointer;font-size:12px;background-color:#000;color:#FFF;}
.tab2{width:100px;height:41px;line-height:41px;float:left;text-align:center;cursor:pointer;font-size:12px;color:#FFF;background-color:#000;}
.tab3{width:100px;height:41px;line-height:41px;float:left;text-align:center;cursor:pointer;font-size:12px;color:#FFF;background-color:#000;}

#TabTab03Con1,#TabTab03Con2,#TabTab03Con3{width:200px;height:auto;margin:0px auto;}
#TabTab03Con1 ul,#TabTab03Con2 ul,#TabTab03Con3 ul{padding:0;margin:0;list-style:none;}
#TabTab03Con1 ul li a,#TabTab03Con2 ul li a,#TabTab03Con3 ul li a{line-height:25px;color:#5b5b5b;}

#TabTab03Con1,#TabTab03Con2,#TabTab03Con3{width:95%;height:auto;margin-left:10px; margin-bottom:20px;}
#TabTab03Con1 ul,#TabTab03Con2 ul,#TabTab03Con3 ul{padding:0;margin:0;list-style:none;}
#TabTab03Con1 ul li,#TabTab03Con2 ul li,#TabTab03Con3 ul li{line-height:20px;padding-top:5px;}
#TabTab03Con1 ul li a,#TabTab03Con2 ul li a,#TabTab03Con3 ul li a{color:#29261d;font-size:12px;padding-left:5px;line-height:20px;}
#TabTab03Con1 ul li span,#TabTab03Con2 ul li span,#TabTab03Con3 ul li span{float:left;line-height:20px;width:10px;height:20px;}
#TabTab03Con1 .ts,#TabTab03Con2 .ts,#TabTab03Con3 .ts{padding-left:20px;font-size:9px;color:#0f6a8d;}
#m1s,#m2s,#m3s{width:50px;height:41px;float:right;line-height:41px;text-align:center;}
#m1s a,#m2s a,#m3s a,#m1s a:visited,#m2s a:visited,#m3s a:visited {color:#959595;font-size:12px;}

.mbgs{clear:both;text-align:center;line-height:30px;font-size:14px;color:#242b69;padding-bottom:10px;}
.mbgs a{color:#242b69;}

.ad{clear:both;width:100%;padding:0px;margin:10px 0;}
.ads{clear:both;width:100%;background-color:#c8cac7;padding:0px;margin:10px 0;}

.pics{width:100%;margin:5px 0 0px auto;}
.pics1{width:100%;margin:0px auto;}

.msyt{ width:98%; height:20px; margin-top:10px; margin:0px 1%; border-left:3px solid #fd1b03;  color:#000;  text-indent:10px; font-family:Microsoft YaHei; font-size:18px; font-weight:bold; }
.msyt span{ color:#333; font-size:12px; float:right; font-weight:normal; height:20px;}
.msyt span a{ color:#333;}
.msyt span a:hover{ color:#0066ad;}
.msytline{border-bottom:1px solid #c9c9c9; margin:0px auto; height:6px; width:98%;}



html, body
{
	padding: 0;
	margin: 0;
}
body {
	background-color: #ffffff;
	font-family: Microsoft YaHei;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	-webkit-text-size-adjust: none;
	width:100%; max-width:640px; min-width:320px; margin:0px auto;
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	color: #330;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td, textarea, input { font-family: 'Open Sans'; font-weight: normal; }

h1, h2, h3
{
	font-size: 18px;
}
h5, h6
{
	font-size: 14px;
}
h4 
{
	font-size: 15px;
}
p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: #233241;
	text-decoration: underline;
}
pre
{
	font-size: 12px;
	width:100%; max-width:640px; min-width:320px; margin:0px auto;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#page nav
{
	display: none;
}

.scp{ width:100%; margin:0px auto; padding:0px;}
.scp li{ width:48%; float:left; margin:1%; min-height:180px; }
.scp li img{ width:100%; border:1px solid #ddd;}
.scp li a{ width:48%; color:#000;} 
.scp li a:hover{color:#000;}
.scp .text{ width:100%; color:#000; height:25px; line-height:25px; text-align:center; font-size:14px;}






.height70{ width:100%; height:40px; margin:0px auto; padding:0px; clear:both;}

.mfooter{ width:100%; min-width:320px; max-width:640px; height:50px; background:#000; position:fixed; bottom:0;}

.tootb{ width:100%; height:25px; margin:0px auto; padding:6px 0px 0px 0px;}
.tootb li{ width:25%; height:25px; float:left; text-align:center;}
.tootb li img{ width:30%; margin:0px auto; max-height:25px; max-width:25px;}

.tootw{ width:100%; height:22px; line-height:22px; margin:0px auto; padding:0px;}
.tootw li{ width:25%; height:22px; line-height:22px; float:left; color:#fff; text-align:center;}
.tootw li a{ color:#fff; width:25%; text-align:center; font-size:13px; font-family:Microsoft YaHei; height:22px; line-height:22px;}
.tootw li a:hover{ color:#fff; text-decoration:none;}


.header
{
	background: #108f7f;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height:75px;
	height:75px;
	padding: 0 40px;
}
#header

{

	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 75px;
	height: 75px;
	padding: 0 20px;
}

.subHeader, .subFooter { 
	background-color:#0079f4;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 35px;
	height: 35px;
	padding: 0 10px;
	position:relative;
	font-size:12px;
 }
 
 
.subHeader i.i-small { position: absolute; left: 16px !important; top: 11px !important; margin: 0px; }
 


.bannerPane { text-align:center; overflow: hidden; }
.bannerPane img {  }

h3.title, h4.title {  border-bottom:1px solid #eee; padding-bottom:10px; }
h2.title{ font-weight: bold; margin-bottom:20px; }
.row h3.title, .row h2.title , .row h4.title { margin-top:0px; }



.title1{ font-size:14px; text-align:left; width:100%; height:40px; line-height:40px;}






/*********** ICONS */
.i-pane  { width:65px; height:65px; position:relative; float: left; border-radius: 50%; text-align: center; margin-right:15px; }
.i-pane.i-blue { background-color:#587eac; }
.i-pane.i-green { background-color:#9eb74e;}
.i-pane.i-orange { background-color:#e0af50;}
.i-pane.i-red { background-color:#ff7a73;}


.cp{ width:30%; height:30px; line-height:30px; margin:0px auto; padding:0px; text-align:center;}

.c-blue { color: #587eac; }
.c-green { color: #9eb74e; }
.c-orange { color: #e0af50; }
.c-red { color: #ff7a73; }

i { background: url("fonts/icons.svg") no-repeat left top; display:inline-block; position:relative; }

/*i.i-phone { width:72px; height:72px; background: url(fonts/phoneicon.svg) no-repeat left top; top: 50%; left:50%; margin: -36px 0px 0px -65px; }*/
i.i-phone { width:72px; height:72px; background-position: 0px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-flexible { width:72px; height:72px; background-position: -72px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-neat { width:72px; height:72px; background-position: -144px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }


i.i-home.i-small { width:19px; height:19px; background-position: -9px -225px; top: 3px; }
i.i-about.i-small { width:19px; height:19px; background-position: -49px -225px; top: 3px; left: 3px; }
i.i-blog.i-small{ width:19px; height:19px; background-position: -82px -225px; top: 3px; }
i.i-shortcodes.i-small { width:20px; height:19px; background-position: -116px -225px; top: 3px; }
i.i-gallery.i-small { width:20px; height:19px; background-position: -152px -225px; top: 3px; }
i.i-contact.i-small { width:20px; height:19px; background-position: -188px -225px; top: 3px; }

i.i-comments.i-small { width:16px; height:16px; background-position: -28px -388px; top: 3px; margin:0px 2px 0px 5px; }
i.i-author.i-small { width:16px; height:16px; background-position: -100px -388px; top: 3px; margin:0px 2px 0px 5px; }
i.i-calendar.i-small { width:16px; height:16px; background-position: -172px -388px; top: 3px; margin:0px 2px 0px 5px; }

i.i-small { margin: 0px 10px 0px 0px; left: 0px; }

.mainIconPane { display:inline-block; margin-bottom: 15px; width:30%; margin:0px auto; display:block; float:left; }




.exploreSiteFullPane { padding: 5px; }
a.explorePane { text-decoration:none; width:31%; }
.explorePane { width: 33.3333%; float: left; padding: 1%; border-bottom: 1px solid #DDD; text-align: center; text-decoration:none; }
.explorePane.middle { border-left: 1px solid #DDD; border-right: 1px solid #DDD; }

.explorePane .i-pane { float:none; margin:0px; display: inline-block; }
.explorePane:active .i-pane, .explorePane:focus .i-pane, .explorePane:hover .i-pane, .explorePane.active .i-pane { background-color: #233241; }

.explorePane:active, .explorePane:focus, .explorePane:hover { cursor:pointer; }

.block { font-size:14px; font-weight:bold; background-color:#f1f2f4; text-align:center; padding:15px;
border-top:1px solid #ccd2d8; border-bottom: 1px solid #ccd2d8; color:#233241; }

.chart { position: relative; display: inline-block; width: 110px; height: 110px; margin-top: 20px; margin-bottom: 50px; text-align: center; }
.chart canvas { position: absolute; top: 0; left: 0; }
.percent { display: inline-block; font-size: 30px; color: #777; z-index: 2; }
.percent:after { content: '%'; margin-left: 0.1em; font-size: .8em; }
.angular { margin-top: 100px; }
.angular .chart { margin-top: 0; }


/*********************************************************************************** BLOG */
article { padding-top:30px; margin-bottom:30px; border-top:1px solid #eee; }
article:first-child { border-top:0px; margin-top:0px; padding-top:0px; }
article h3 a, article h2 a { text-decoration:none !important; font-weight:bold; }
article h3 a:hover, article h2 a:hover { text-decoration:none; }
article p {}
article div.a-meta { font-size:11px; }
article div.a-meta > a { text-decoration:none; }
article img { width:100%; }

.article-comments {}
.article-comments > ul { padding:5px; }
.article-comments > ul  li { list-style:none; border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 10px; }
.article-comments > ul  li img { max-width:60px; padding:2px; background-color:#fff; border-radius:50%; float:left; border: 1px solid #DDD; margin: 10px 10px 10px 0px; }
.article-comments > ul  li p.c-a-name { font-size: 14px; margin:0px; }
.article-comments > ul  li p { margin:0px; }
.article-comments > ul  li .comment-date { font-size:12px;  }
.article-comments > ul  li p.desc { color:#999; }
.article-comments > ul > li > ul { padding-left:5px; }
.article-comments > ul > li > ul > li { background-color: #EEEFF1; padding: 5px 10px; margin-top: 10px; margin-bottom:0px; }

/*********************************************************************************** Gallery */

div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item.big-item { float: left; width: 50%; }
div.gallery-item { float: left; width: 33.33333333%; }
div.gallery-item a { display: block; margin: 3px; border: 1px solid #fff; color: #FFF; } 
div.gallery-item img { display: block; width: 100%; height: auto; }

/*********************************************************************************** Contact */
.contactForm {  }
.contactForm label{ width:100%; margin-top:10px; float: left; }
.contactForm label .required { color:red; }
.contactForm #ContactName { background-color: #EBECEF; border: 1px solid #D7D9DB; padding: 3px 10px; height: 30px; color: #555; width: 90%; outline: none; }
.contactForm #ContactEmail { background-color: #EBECEF; border: 1px solid #D7D9DB; padding: 3px 10px; height: 30px; color: #555; width: 90%; outline: none; }
.contactForm #ContactMessage { background-color: #EBECEF; border: 1px solid #D7D9DB; padding: 10px; color: #555; width: 90%; outline: none; min-height: 80px; }
.contactForm #SubmitContact { background-color: #4D7EA2; color: #FFF; padding: 10px 15px; border: none; text-transform: uppercase; cursor:pointer; margin-bottom: 10px; }
.contactForm #SubmitContact:hover { background-color: #245070; }


/*********************************************************************************** Shortcodes */
.o-buttons { padding:5px 10px; font-size:12px; color:#fff !important; margin:3px; text-decoration:none !important; display:inline-block;}
.o-buttons.b-big { padding: 10px 20px; font-size: 16px; }
.o-buttons:hover { text-decoration:none; }
.o-buttons.blue { background: #587eac; }
.o-buttons.blue:hover { background: #233241; }

.o-buttons.red { background: #ff7a73; }
.o-buttons.red:hover { background: #c14f4c; }

.o-buttons.green { background: #9eb74e; }
.o-buttons.green:hover { background: #707c2c; }

.o-buttons.orange { background: #e0af50; }
.o-buttons.orange:hover { background: #c68a2a; }


.notifications { padding:20px; position: relative; margin-bottom: 20px; font-size: 13px; }
.notifications i { background: url("../images/icons.png") no-repeat left top; display: inline-block; width:21px; height: 21px; position: absolute; right: 20px; top:50%; margin-top: -11px; }
.notifications.error { background-color: #feeeee; color:#e85252; }
.notifications.error i { background-position: -18px -900px; }
.notifications.success { background-color: #e8fce8; color:#4c9b4c; }
.notifications.success i { background-position: -46px -900px; }
.notifications.warning { background-color: #fff8ee; color:#e5a30e; }
.notifications.warning i { background-position: -71px -900px; width: 25px; }
.notifications.info { background-color: #f6f6f6; color:#3c96af; }
.notifications.info i { background-position: -102px -900px; }
.height40{ width:100%; height:1px; margin:0px auto; padding:0px;}

.socialMedia { padding: 10px 0px 0px 0px;  display: inline-block; width: 100%; text-align: center;}
.socialMedia.scl-grey { background-color: #108f7e;  color:#fff;  padding:5px 0px; }
.socialMedia a { color:#fff; font-size:12px; line-height:20px;}

.socialMedia a {color:#fff; }
.socialMedia a:hover { color:#fff; }
/** Color socials ICONS **/
.socialMedia a.ico-facebook { background-position: -16px -436px; }
.socialMedia a.ico-twitter { background-position: -43px -436px; }
.socialMedia a.ico-linkedin { background-position: -68px -436px; }
.socialMedia a.ico-gplus { background-position: -94px -436px; }
.socialMedia a.ico-youtube { background-position: -120px -436px; }
.socialMedia a.ico-tumblr { background-position: -146px -436px; }
.socialMedia a.ico-pinterest { background-position: -172px -436px; }

.socialMedia.scl-grey a.ico-facebook { background-position: -16px -465px; }
.socialMedia.scl-grey a.ico-twitter { background-position: -43px -465px; }
.socialMedia.scl-grey a.ico-linkedin { background-position: -68px -465px; }
.socialMedia.scl-grey a.ico-gplus { background-position: -94px -465px; }
.socialMedia.scl-grey a.ico-youtube { background-position: -120px -465px; }
.socialMedia.scl-grey a.ico-tumblr { background-position: -146px -465px; }
.socialMedia.scl-grey a.ico-pinterest { background-position: -172px -465px; }


#loader { background: rgba(88, 126, 172, 0.85); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 9999; }
#loaderInner { left: 50%; margin: -50px 0 0 -62px; position: absolute; top: 50%; color: #fff; font-size: 25px; }
#loaderInner p { margin-left: 22px; font-size: 17px; }





ul,li{margin:0px; padding:0px; list-style:none;}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a.prlist:link {
	text-decoration: underline;
}
a.prlist:visited {
	text-decoration: underline;
}
a.prlist:hover {
	text-decoration: none;
}
a.prlist:active {
	text-decoration: underline;
}
a.plist:link {
	text-decoration: none;
}
a.plist:visited {
	text-decoration: none;
}
a.plist:hover {
	text-decoration: underline;
}
a.plist:active {
	text-decoration: none;
}
a.newslink:link {
	text-decoration: none;
	font-weight:bold;
}
a.newslink:visited {
	text-decoration: none;
	font-weight:bold;
}
a.newslink:hover {
	text-decoration: underline;
	font-weight:bold;
}
a.newslink:active {
	text-decoration: none;
}
a.newslinks:link {
	text-decoration: none;
}
a.newslinks:visited {
	text-decoration: none;
}
a.newslinks:hover {
	text-decoration: none;
	color:#f10307;
}
a.newslinks:active {
	text-decoration: none;
}



/* 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 */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot@#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 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; max-width:640px; min-width:320px; margin:0px auto;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; 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 { margin: 0 0 5px; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.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  { line-height: 1; display: block; 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;  display:none;}
.flex-direction-nav .flex-next { right: -50px; text-align: right;  display:none;}
.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-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* 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-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:8px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #fff;  cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}