.marginTop {margin-top:75px;}
#work-head .wrap {padding:10% 0;}
#choose ul li{width:30%;height:47px;border:1px solid #B9B8B8;line-height:47px;text-align:center;font-size:18px; float:left;margin:0 1.5%;position:relative;background:#fff; cursor:pointer;}
#choose ul li a{display:block;}
.slidedown{width:100%;border:1px solid #B9B8B8;background:#fff;display:none;z-index:9999; position:absolute;left:-1px;top:46px;border-top:0;box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;}
.slidedown dl{padding:0;margin:0;}
.slidedown dl dd{line-height:48px;height:48px; margin:0;border-bottom:1px solid #B9B8B8;/* text-align:left; */text-align:center;}
.slidedown dl dd > a{font-size:18px;display:block;transition: 0.3s ease-in-out 0s;-webkit-transition: 0.3s ease-in-out 0s;-moz-transition: 0.3s ease-in-out 0s;/* text-indent:25%; */}
.slidedown dl dd a:hover{background:#b9b9b9;color:#fff;padding-left:2%;}
#choose ul li.on{color:#fff;background:#eb3341;border:1px solid #eb3341;}
#choose ul li.on span a{color:#fff;}
@media (max-width:1023px) {
	#choose ul li{height:37px;line-height:37px;font-size:16px;}
	.slidedown dl dd{line-height:38px;height:38px;}
	.slidedown{top:36px;}
	.slidedown dl dd a{font-size:16px;}
	}
	
@media (max-width:767px) {
	#choose ul li{height:30px;line-height:30px;font-size:14px;}
	.slidedown{top:29px;}
	.slidedown dl dd{line-height:29px;height:29px;}
	.slidedown dl dd a{font-size:14px;}
}
@media (max-width:579px) {
	#choose ul li{width:100%;height:40px;line-height:40px;text-align:center;font-size:16px; float:left;margin-bottom:20px;}
	.slidedown{top:39px;}
	.slidedown dl dd{line-height:40px;height:40px;}
	.slidedown dl dd a{font-size:16px;}
}

/* 引用index.css */
#case{background:#f2f2f2;}
.isotope .item {width: 33.333%;overflow:hidden;position:relative;float:left;}
.isotope .item a{display:block;margin:0 10px 20px 10px;}
.isotope .item .cont {display: block;background-color: #fff;overflow: hidden;}
.isotope .item .cont>div {overflow: hidden;position:relative;}
.isotope .item img {display: block;width: 100%;height: auto;margin: 0;background:#f2f2f2;}
.isotope .item .title {display: block;background-color: #fff;margin: 0;height:80px;}
.isotope .item .title span{display:block;color:#999;font-size:12px;}
.isotope .item .title span.title-en {padding: 16px 0 0 0;text-transform: uppercase;color:#666;font-size:14px;}
.isotope .item a:hover .title {background-color: transparent;color: #fff;}
.isotope .item a:hover img {/*  -webkit-filter: blur(2px);*/-webkit-transform-origin: center center;-webkit-transform: scale(1.05, 1.05);
  -moz-transform-origin: center center;-moz-transform: scale(1.05, 1.05);}
@media screen and (max-width: 768px) {
  .isotope .item{
  width:50%;
}
}
@media screen and (max-width: 479px) {
  .isotope .item{
  width:100%;
}
.title span.title-en {padding: 16px 0 0 0;text-transform: uppercase;font-size:12px;}
}
.overlayPop{display:none;position:absolute;top:0;left:0;bottom:0;right:0;z-index:99;background:#eb3341;opacity:0.8;filter:alpha(opacity=80);}
.popup {position: absolute;z-index: 400;height:59px;width:59px;background: url(../images/search-red.png) no-repeat center center;z-index:999;left:50%;margin:0 0 0 -30px;top:-59px;}

.mt30{margin:50px 0 0 0;}

@media screen and (max-width:1199px) {
  .popup {position: absolute;z-index: 400;height:49px;width:49px;background: url(../images/search-red.png) no-repeat center center;z-index:999;left:50%;margin:0 0 0 -25px;top:-59px;}
}

/* end */




.buts{position:absolute;top:50%;margin-top:-24px;height:47px;right:5%;}
.buts a{width:47px;height:47px;display:block;background:url(../images/preNext.png) 0 0 no-repeat;margin-left:30px; float:left;position:relative;z-index:999;}
.buts a.Next{ background-position:-94px 0;}
.buts a.Del{ background-position:-201px 0;}
@media screen and (max-width:959px) {
	.buts a{width:30px;height:30px;background:url(../images/preNext2.png) 0 0 no-repeat;margin-left:5px; margin-top:10px;}
	.buts a.Next{ background-position:-56px 0;}
	.buts a.Del{ background-position:-112px 0;}
}

.l5{left:5%;}
#workers{background:#ff3040;}
#workers .wrap{margin-top:100px;}
.det{color:#fff;text-align:left; font-size:30px; margin-bottom:16px;}
.hr{width:10%;height:4px;margin:15px 0; background:#fff;text-align:left;}

#workers p{text-align:left;font-size:14px;color:#fff; line-height:2em;}
@media screen and (max-width: 767px) {
  #workers p{font-size:12px;line-height:1.5em;}
  }
@media screen and (max-width: 479px) {
  h2.det{font-size:16px;}
  }

#screenshots {padding: 3.2em 5%;}
#screenshots .wrap {max-width: 1320px;}
#screenshots .imgs{font-size: 0;}
#screenshots .fullwidth {width:auto;height: auto;}
#screenshots img {display: inline-block;vertical-align: top;padding: 20px;}




@media screen and (max-width: 959px) {
	.marginTop {
		margin-top:35px;
	}
}
@media (max-width: 767px) and (orientation: landscape){
#work-head .wrap {
margin-top: 0;
}
}


.white1{color:#fff;font-size:70px; font-family:'Aller_Lt'; margin-bottom:20px;}

@media screen and (max-width: 959px) {
	.white1{font-size:50px;}
}
@media screen and (max-width:767px) {
	.white1{font-size:30px;}
}

.contact_style{width:100%;}
.c_address{width:30%;background:#484848;float:left; padding:40px 0 50px; height:310px;}
.c_address ul{width:85%;float:right;padding-right:10%;}
.c_address ul li{line-height:20px;word-wrap:break-word;}
.c_address ul li font{font-size:14px;color:#fff;text-align:left;float:left;display:block;width:72%;}
.c_address ul li font b{font-weight:bold;font-size:15px;}
.c_address ul li span{display:inline-block;height:22px;width:22px;background:url(../images/address_icon.png) 0 0 no-repeat;margin-right:20px;vertical-align:middle;float:left;}
.c_address ul li span.icon1{background-position:0 0;margin-top:5px;}
.c_address ul li span.icon2{background-position:0 -41px;margin-top:5px;}
.c_address ul li span.icon3{background-position:0 -83px;}
.c_address ul li.line{width:50%;height:2px;background:#fff;margin:24px 0 24px 3em;}
.c_table{width:70%;background:#e5e5e5;float:right;padding:40px 0 50px 0; height:310px;}

.message-box{float:left;line-height:16px;}
.message-box h2{font-size:18px;color:#585858; margin-bottom:20px;}
.message-table{float:left;width:60%;margin:0 90px;}
.message-table table{width:100%;}
.message-table table tr td{border-bottom:20px solid #e5e5e5;text-align:left; width:50%}
.message-table .input_copy{background:#fff;height:54px;line-height:54px;font-size:14px;color:#484848;width:92%;padding:0 3%;vertical-align:middle;font-family:Microsoft yahei;border:0;outline:none;}
.message-table .submits{height:54px;line-height:54px;display:block;text-align:center;border:0;background:#fff;font-size:14px;cursor:pointer;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease; -ms-transition: all .3s ease;transition: all .3s ease;width:98%;margin-top:22px;font-family:Microsoft yahei;color:#999;}

.message-table .leave{width:96%;height:130px;background:#fff; padding:0 2%;}
.message-table .leave #content{height:110px;width:94%;font-size:14px;color:#484848;border:0;font-family:Microsoft yahei;outline:none;}
@media all and (max-width: 1199px) {
 
  .c_address ul li font{font-size:12px;}
}

@media all and (max-width: 1023px) {
 
  .c_address ul li font{font-size:12px;}
  .c_address ul li font b{font-weight:bold;font-size:13px;}
 .contact_style .c_address{
    width:100%;
  }
  .contact_style .c_table{
   width:100%;
  
  }
   .message-table{
    width:90%;
	margin:0 5%;
  }
  .message-table .submits{width:98%;}
}


#offers{ background:#eaeaea;}
#offers ul li{width:30%;height:47px;line-height:47px;text-align:center;font-size:18px; float:left;margin:0 1.5%;position:relative;background:#505050; cursor:pointer; color:#fff;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#offers ul li:hover{color:#fff;background:#eb3341;}
.slidedowns{width:100%;background:#fff;display:none;z-index:9999; position:absolute;top:46px;}
.slidedowns h4{ color:#585858; text-align:left;padding:40px 10% 5px;}
.slidedowns p{font-size:14px; line-height:1.8em;padding:0 10% 35px;color:#585858; text-align:left;}
.mt10{margin-top:15px;}
@media (max-width:1023px) {
	#offers ul li{height:37px;line-height:37px;font-size:16px;}
	.slidedowns h4{padding:30px 10% 5px;}
	.slidedowns p{font-size:13px;}
	}
	
@media (max-width:767px) {
	#offers ul li{height:30px;line-height:30px;font-size:14px;}
	.slidedowns p{font-size:12px;}
}
@media (max-width:579px) {
	#offers ul li{width:100%;height:40px;line-height:40px;text-align:center;font-size:16px; float:left;margin-bottom:20px;}
	
}
#email{padding:0 10%;}
#email article{font-size:14px;padding-left:48px;background:url(../images/email.png) left center no-repeat;display:inline-block;text-align:left;}

@media (max-width:767px) {
	#email article{font-size:12px;background-size:26px 15px; }
	#email{padding:1em 10%;}
}



#work{ border-bottom:2px solid #c5c4c3;}
#work p{ line-height:2em; text-align:center;}
#do{padding:3.2em 0;margin:auto;width:1200px;}
.works{overflow: hidden;position: relative;width:396px;display:inline-block;text-align:center;margin-bottom:15px;}
.works a {display: block;padding:0 20px;}
.hr-hx{width:40%;height:2px;background:#fff;display:inline-block;}
.works .cont {display: block;background-color: #fff;overflow: hidden;}
.works .cont>div {overflow: hidden;position: relative;}
.works img {display: block;width: 100%;height: auto;margin: 0;}
.works .title {display: block;background-color: #fff;margin: 0;height:60px; line-height:60px;font-size:22px;}
.overlay { width:100%; height:100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 99;background: #eb3341;opacity: 0.9;filter: alpha(opacity=90);}
.words{ width:100%; height:100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 101;text-align:center; overflow:hidden;}
.color_style{ font-size:55px;color:#fff;margin:10px 0 5px 0;line-height:0.9em;}
.words p{ font-size:16px;color:#fff; line-height:0.7em;}
@media screen and (min-width: 1200px) {
	#do{width:1200px;}
	.works{width:396px;}
	.works a{padding:0 20px;}
}
@media (max-width: 1199px) and (min-width: 1024px){
	#do{width:960px;}
	.works{width:316px;}
	.works a{padding:0 15px;}
	.color_style { font-size:40px;line-height: 0.8em;}
	.words p { font-size: 14px;line-height:0.6em;}
	.works .title{font-size:18px;}
}
@media (max-width: 1023px) and (min-width: 640px) {
	#do{width: 93.75%;}
	.works{width:320px;}
	.hr-hx{margin-bottom:5px;}
	.works a{padding:0 10px;}
	.color_style{ font-size:30px;}
	.words p { font-size:14px;}
	.works .title{font-size:16px;}
}
@media (max-width: 639px) {
	#do{width: 93.75%;}
	.works{width:100%;}
	.color_style{ font-size:55px;line-height:1.2em;}
	.words p{ font-size:16px; line-height:1.8em;}
	.works .title{ font-size:20px; height:40px; line-height:40px;}
	.hr-hx{margin:15px 0;}
}
@media (max-width: 479px){
	#do{width: 93.75%;}
	.works{width:320px;}
	.hr-hx{margin-bottom:5px;}
	.works a{padding:0 10px;}
	.color_style{ font-size:30px;}
	.words p { font-size:14px;line-height:16px;}
	.works .title{font-size:16px;}
}
.slideTxtBox{ width:100%;}
.slideTxtBox .hd{padding:2em 0 4em 0;background:url(../images/dash.png) center repeat-x;position:relative;width:100%;margin-bottom:20px;}
.slideTxtBox .hd ul li{ float:left;width:32%; margin-right:1%;text-align:center;float:left;}
.slideTxtBox .hd ul li span{padding:3px 20px;cursor:pointer;background:#fff;font-size:18px;}
.slideTxtBox .hd ul li.on span{background:#eb3341;color:#fff;}
.slideTxtBox .con{ background:#fff;padding:60px 20%; font-size:16px;line-height:2em;}



@media screen and (max-width: 768px) {
	.slideTxtBox .hd ul li span{padding:3px 15px;cursor:pointer;background:#fff;font-size:15px;}

}
@media screen and (max-width: 479px) {
	.slideTxtBox .hd ul li span{padding:3px 10px;cursor:pointer;background:#fff;font-size:12px;}
	.slideTxtBox .con{ background:#fff;padding:60px 20%; font-size:13px;}
}

#way{background:#f2f2f2;}
.way_list{background:#fff;width:1200px;margin:auto; margin-bottom:40px;}
.blog-grid-left{width:422px;height:235px;position:relative; cursor:pointer;float:left;}
.blog-grid-right{float:left;padding:5px 60px 0 60px;width:778px;}
.blog-grid-left img {width: 100%;height:auto;display:block;}
.opac{width:100%;height:100%;position:absolute;left:0;top:0;bottom:0;right:0;background:#eb3341;display:none;font-size:0;}
.opac:before{content:'';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.opac h2{color:#fff; font-size:30px;line-height:1.5em;vertical-align:middle; display: inline-block;}
.opac h3{color:#fff; font-size:130px;vertical-align:middle; display: inline-block;}
.blog-grid-right p{text-align:left;line-height:20px;}
.blog-grid-right .fz30{ font-size:30px;}
.blog-grid-right .lh{ line-height:30px;}
@media (min-width: 1280px){
#way{ padding:0;}
.way_list{ margin-bottom:40px;}
}
@media (max-width: 1279px){
.way_list{width:100%;}
.blog-grid-left{width: 30%;float: left; height:100%;position:relative; cursor:pointer;}
.blog-grid-right{width:65%;float:right; padding:25px 2% 30px 3%;}
.opac h2{font-size:24px;}
.opac h3{font-size:100px;}
.blog-grid-right .fz30{ font-size:24px;}
}
@media (max-width: 1024px){
.blog-grid-left{width:100%;}
.blog-grid-left img {width:100%;height:auto;}
.blog-grid-right {width:100%}
.opac h2{font-size:30px;}
}
.fz42{color:#fff;font-size:42px; margin-bottom:15px;}
@media (max-width: 959px) {
	.fz42{font-size:32px;}
	.blog-grid-right .fz30{ font-size:20px;}
}
@media (max-width:639px) {

	.fz42{font-size:24px;}
}

.f-element{height: auto;float: left;text-align: center;width:25%;}
.f-element .count{font-size:100px;}
.f-element .count:hover{color:#eb3341;}
@media (max-width: 1023px) {
	.f-element .count{font-size:80px;}
}
@media (max-width:839px) {
	.f-element .count{font-size:60px;}
	.f-element{width:50%;}
}
@media (max-width: 480px) {
	.f-element .count{font-size:40px;}
	.f-element{width:100%;}
}

/* 引用index.css */

/* 幻灯片 */
.flexslider{position:relative;width:auto; padding:30px 0px; background:#FFF;zoom:1;}
.flex-viewport{max-height:2000px;}
.flexslider .slides{ width:100%; zoom:1;}
.flex-direction-nav a{width:41px;height:82px;overflow:hidden;margin:-41px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;}
.flex-direction-nav .flex-next{background:url(../images/Right.png) center center no-repeat;right:-10%;}
.flex-direction-nav .flex-prev{background:url(../images/Left.png) center center no-repeat;left:-10%;;}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;display:none;}
/*---------------列表 -------------------*/	
.logo_img{ width:100%; margin:0 auto;}
.eco_img{float:left;width:33.33%;padding:0 2% 2% 2%;position:relative;overflow:hidden;}
.square{position:relative;margin-bottom:20px;cursor:pointer;}
.square img{border-radius:100%;width:100%;height:auto;border:12px solid #eb3341;}

.eco_img h4{ line-height:24px;}
.black_bg{position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.8;filter:alpha(opacity=80);border-radius:100%;padding:0 10%;border:12px solid #eb3341;display:none;}
.square i{display:block;width:56px;height:26px;position:absolute;left:50%;margin-left:-28px;bottom:-23px;background:url(../images/ab_t.png) left center no-repeat;display:none;}

.show_detail{position:absolute;width:100%;height:auto;padding:26px 50px;border:1px solid #8c8c8c;left:0;top:108%; background:#fff;}
@media (max-width:1023px) {
	.eco_img{float:left;width:50%;}
}
@media (max-width:767px) {
	.eco_img{float:left;width:100%;padding:0 10%; margin-bottom:30px;}
}

.black_bg:before{content:'';display: inline-block;vertical-align: middle;width: 0;height:15%;}
.black_bg p{color:#fff;vertical-align:middle;display:inline-block;}

@media (max-width:1199px) {
	.black_bg p{font-size:12px;}
}
#latest-work{border-top:2px solid #c5c4c3;padding:3.2em 5%;}

/* 幻灯 */
.cbp-fwslider {
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 40px 0 60px;
}

.cbp-fwslider ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}

.cbp-fwslider ul li {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div {
	display: block;
	text-align: center;
	outline: none;
}

.cbp-fwslider ul li > a img {
	border: none;
	display: block;
	margin: 0 auto;
	max-width:100%;
}

.cbp-fwslider nav span {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 100px;
	background: #d63646;
	color: #fff;
	font-size: 50px;
	text-align: center;
	margin-top: -50px;
	line-height: 100px;
	cursor: pointer;
	font-weight: normal;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.cbp-fwslider nav span:hover {
	opacity:1;
}

.cbp-fwslider nav span.cbp-fwnext {
	right: 0px;
}

.cbp-fwslider nav span.cbp-fwprev {
	left: 0px;
}

.cbp-fwdots {
	position: absolute;
	bottom: 0px;
	white-space: nowrap;
	text-align: center;
	width: 100%;
}

.cbp-fwdots span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #ddd;
	margin: 4px;
	border-radius: 50%;
	cursor: pointer;
}

.cbp-fwdots span:hover {
	background: #999;
}

.cbp-fwdots span.cbp-fwcurrent {
	background: #d63646;
	box-shadow: 0 0 0 1px #d63646;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}

/* * */

.top_title{height:100px;width:900px;margin:auto; background:#fff;position:relative;}
.top_title h1{width:718px;float:left;font-size:40px;padding:0 20px;line-height:100px;height:100px;overflow:hidden;}
.time{background:#fe4a4a;float:right;height:100%;width:182px;}
.time h3{color:#fff;margin-top:15px;width}

@media (max-width:1199px) {
	.top_title{height:80px;width:800px}
	.top_title h1{width:648px;font-size:30px;line-height:80px;height:80px;}
	.time{background:#fe4a4a;float:right;height:100%;width:152px;}
	.time h3{color:#fff;margin-top:12px;font-size:20px;}
}
@media (max-width:1023px) {
	.top_title{height:60px;width:640px}
	.top_title h1{width:518px;font-size:24px;line-height:60px;height:60px;}
	.time{background:#fe4a4a;float:right;height:100%;width:122px;}
	.time h3{color:#fff;margin-top:10px;font-size:16px;}
}
@media (max-width:767px) {
	.top_title{height:40px;width:100%}
	.top_title h1{width:70%;font-size:20px;line-height:40px;height:40px;}
	.time{background:#fe4a4a;float:right;height:100%;width:30%;}
	.time h3{color:#fff;font-size:14px;line-height:5px;}
}
@media (max-width:479px) {
	.top_title h1{font-size:16px;}
}

.iocn.iocn1{left:15%;}
#article {border-bottom:2px solid #c5c4c3;}
#article .wrap {max-width: 1320px;margin-top:-120px;background:#fff;}
#article .words_tail{}
#article .words_tail p{ font-size:16px;padding:0 20px; line-height:2em;text-align:left;}
#article .words_tail p img{width:auto;height:auto;}
#article .fullwidth {width:auto;height: auto;}

@media (max-width:1023px) {
	#article .wrap {margin-top:-100px;}
	#article .words_tail p{ font-size:14px;}
}
@media (max-width:767px) {
	#article .wrap {margin-top:-60px;}
	#article .words_tail p{padding:15px 20px;}
}

#key{padding:0.8em 10%;}
#key1{padding:0 10% 1.8em 10%;border-top:2px solid #c5c4c3;}
#key1 .share{width:100%;}
.keys_word{width:50%;text-align:left;float:left;}
.keys_word p{font-size:16px;line-height:28px;}
.keys_word p a{margin-right:5px;}
.share{ width:50%;float:left;text-align:right;}
@media (max-width:1023px) {
	.keys_word p{font-size:14px;}
}
@media (max-width:767px) {
	.keys_word{width:100%;margin-bottom:20px;}
	.share{ width:100%;}
	#key1{padding:0.8em 10% 1.8em 10%;}
}


.item_ul{width:33.333%;overflow:hidden;position:relative;float:left;padding:0 15px;}

/* 引用 index.css */
.box {
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  width:100%;
  margin-bottom:20px;
  float:left;
}
.box a.newmore{display:block;border:4px solid #f2f2f2;width:100%;overflow:hidden;}
.box .cont{position:relative;width:100%;height:100%;}
.box .cont img {display: block;width: 100%;height: auto;margin: 0;}
.box .cont .dates{position:absolute;bottom:0;left:0;background:url(../images/dian.png);padding:10px 16px;text-align:center;}
.box .cont .dates span{color:#fff;display:block;font-family:'Aller_Lt';font-size:16px;}
.box .cont .dates b{font-family:'Aller_Lt';font-size:24px;color:#fff;font-style:normal;line-height:24px;}
.box .new_h{padding:7%;text-align:left;}
.box .new_h h4{text-transform: uppercase;margin-bottom: 0.8em;}
.box .new_h p{font-size:12px;line-height:1.6em; height:63px;overflow:hidden;}
.box a.newmore:hover{border:4px solid #eb3341;}
@media screen and (max-width: 768px) {
 .item_ul{
  width:50%;
}
.box .cont .dates{padding:5px 8px;}
}
@media screen and (max-width: 479px) {
.item_ul{
  width:100%;
}
.box .cont .dates{padding:10px 16px;
}
 .box a.newmore .dates span{color:#fff;display:block;font-family:'Aller_Lt';font-size:14px;}
 .box a.newmore .dates b{font-family:'Aller_Lt';font-size:18px;color:#fff;font-style:normal;line-height:24px;}
}
/* 分页 */
.pages{margin:40px;text-align: center;}
.pages a,.pages span{display: inline-block;height: 30px;text-align: center;line-height: 30px;font-size: 1.2em;padding: 0 15px;margin: 5px;border-radius: 2px;}
.pages a{background: #F5F5F5;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.pages span,.pages a:hover{background: #eb3341;color: #FFFFFF;}

h2.det a{color:#fff;}

#tempMsg{position: absolute;padding: 10px 30px;background: #484848;color: #FFFFFF;z-index: 999999;display: none;font-size: 1.2em;}