﻿html {
	font-size: 62.5%;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
button,
blockquote,
p {
	font-family: "Microsoft YaHei", Tahoma;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem;
}

fieldset,
img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,
ul {
	list-style: none;
	font-size: 0;
}

address,
caption,
cite,
code,
dfn,
em,
var {
	font-weight: normal;
	font-style: normal;
}

caption {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
}

input,
button,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	vertical-align: middle;
	border: none;
}

:focus {
	outline: 0;
}

.clearfix:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	font-size: 0;
	line-height: 0
}

.clearfix {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
}


/*并列兼容模式*/

a {
	color: #666666;
	text-decoration: none;
	transition: ease .3s;
	-o-transition: ease .3s;
	-ms-transition: ease .3s;
	-moz-transition: ease .3s;
	-webkit-transition: ease .3s;
}


/*默认链接显示颜色666666*/

a:hover {
	color: #44b3c2;
	text-decoration: none;
}


/*默认链接鼠标移上去显示颜色996600*/

img,
object {}


/*td{border:solid #efefef; border-width:0px 1px 1px 0px;}/*td表格颜色为efefef 左1px 下1px*/


/*table{border:solid #efefef; border-width:1px 0px 0px 1px;}/*table表格颜色为efefef 上1px 右1px*/

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block
}


/*html5*/

.tof {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


/*文字省略all*/

.ts {
	text-shadow: 1px 1px 1px #000;
}


/*文字阴影X轴1px、Y轴1px、模糊1px、颜色（黑）兼容IE10+*/

.clear {
	clear: both;
}


/*清除浮动*/

.transition:hover {
	transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
}

.transition1:hover {
	transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
}

.transition2:hover {
	transition: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
}

.transition3:hover {
	-moz-transition: ease 0.4s;
	-ms-transition: ease 0.4s;
	-o-transition: ease 0.4s;
	-webkit-transition: ease 0.4s;
	transition: ease 0.4s;
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.transition4:hover {
	-moz-transition: ease 0.4s;
	-ms-transition: ease 0.4s;
	-o-transition: ease 0.4s;
	-webkit-transition: ease 0.4s;
	transition: ease 0.4s;
	transform: translate(5px, -5px) scale(1.1);
	-moz-transform: translate(5px, -5px) scale(1.1);
	-ms-transform: translate(5px, -5px) scale(1.1);
	-webkit-transform: translate(5px, -5px) scale(1.1);
	-o-transform: translate(5px, -5px) scale(1.1);
}

.transition5:hover {
	-moz-transition: ease 0.4s;
	-ms-transition: ease 0.4s;
	-o-transition: ease 0.4s;
	-webkit-transition: ease 0.4s;
	transition: ease 0.4s;
	transform: translateY(5px) scale(1.1);
	-moz-transform: translateY(5px) scale(1.1);
	-ms-transform: translateY(5px) scale(1.1);
	-webkit-transform: translateY(5px) scale(1.1);
	-o-transform: translateY(5px) scale(1.1);
}

figure.effect-lily img {
	width: -webkit-calc(100% + 79px);
	width: calc(100% + 79px);
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
	filter: alpha(opacity=100);
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {}


/*分页*/

.pageNav {
	float: none;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	padding: 18px 0px;
	text-align: center;
}

.pageNav span,
.pageNav a,
.pageNav b {
	font-size: 14px;
	margin-right: 5px;
	overflow: hidden;
	padding: 3px 8px;
}

.pageNav span,
.pageNav a {
	border: 1px solid #CCDBE4;
	color: #333;
	cursor: pointer;
}

.pageNav b {
	color: #000;
}

.pageNav span {
	background: #eee;
}

.pageNav .mor {
	padding: 3px;
	font-weight: bold;
}


/*--------------------------------------*/

.header{
	height: 852px;
	width: 100%;
	position: relative;
}
.header_bg1{
	width: 100%;
	height: 213px;
	background: url(../images/header_bg1.png) no-repeat;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
}
.home_banner{
	width: 100%;
	z-index: 50;
	position: absolute;
	top: 160px;
	left: 0;
}
.inside_banner{
	width: 100%;
	z-index: 50;
	position: absolute;
	top: 160px;
	left: 0;
}
.header_bg2{
	width: 100%;
	height: 84px;
	background: url(../images/header_bg2.png) no-repeat;
	z-index: 100;
	position: absolute;
	bottom: 0;
	left: 0;
}
.top{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.welcome{
	color: #fff;
	margin-top: 28px;
}
.top_r{
	position: absolute;
	top: -30px;
	right: 0;
}
.lang_cn{
	display: block;
	float: left;
	width: 55px;
	height: 30px;
	line-height: 30px;
	background: #f39700;
	color: #fff;
	text-align: center;
}
.lang_en{
	display: block;
	float: left;
	width: 80px;
	height: 30px;
	line-height: 30px;
	background: #073c47;
	color: #fff;
	text-align: center;
	vertical-align: top;
}
.keywords{
	width: 205px;
	height: 30px;
	float: left;
	padding-left: 5px;
}
.search{
	height: 30px;
	width: 30px;
	float: left;
	background: url(../images/search_icon_02.png);
	cursor: pointer;
}
.nav{
	width: 1200px;
	margin: 55px auto;
}
.nav ul{
	vertical-align: top;
	margin: 13px 0 0 65px;
	transform: rotate(-1.5deg);
	-ms-transform: rotate(-1.5deg);		/* IE 9 */
	-webkit-transform: rotate(-1.5deg);	/* Safari and Chrome */
	-o-transform: rotate(-1.5deg);		/* Opera */
	-moz-transform: rotate(-1.5deg);		/* Firefox */
}
.nav li {
	margin-left: 55px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	
}
.nav li a{
	font-size: 16px;
	color: #fff;
}
.nav li a:hover{
	color: #ffff00;
}
#nav_hover a{
	color: #ffff00;
}
/*content*/
.content{
	width: 1200px;
	margin: 50px auto;
}
.h_news{
	width: 450px;
}
.three_title{
	font-size: 16px;
	color: #50a9b5;
	height: 25px;
	line-height: 20px;
	border-bottom: 1px solid #eee;
}
.three_title span{
	color: #ff9e00;
}
.three_title a{
	color: #073c47;
	font-size: 12px;
	float: right;
}
.h_news_one{
	margin: 15px 0 15px 0;
}
.h_news_one_l{
	
}
.h_news_one_r{
	width: 260px;
	margin-left: 20px;
}
.h_news_one_r a{
	font-size: 14px;
	color: #000;
}
.h_news_one_r a:hover{
	color: #50a9b5;
}
.h_news_one_r span{
	background: url(../images/time_icon_06.png) no-repeat left center;
	padding-left: 15px;
	margin: 3px 0;
	display: block;
	color: #50a9b5;
}
.h_news_one_r p{
	line-height: 25px;
	color: #666;
}
.h_news_three{
	border-top: 1px solid #eee;
	margin-top: 15px;
}
.h_news_three li{
	line-height: 35px;
	border-bottom: 1px dashed #eee;
	background: url(../images/news_icon_10.png) no-repeat left center;
	padding-left: 15px;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.h_news_three li:hover{
	background: url(../images/news_icon_10.png) no-repeat 10px center;
	padding-left: 25px;
}
.h_about{
	width: 370px;
	margin-left: 40px;
}
.h_about img{
	display: block;
	margin-top: 15px;
}
.h_about p{
	margin: 15px 0 25px 0;
	font-size: 14px;
	color: #666;
	line-height: 25px;
}
.h_about_btn a{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	height: 45px;
	line-height: 45px;
	text-align: center;
	padding: 0 10px;
	background: #333;
	color: #fff;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 2px 2px 1px #888888;
	margin-left: 15px;
}
.h_about_btn a:first-child{
	margin-left: 0;
}
.h_contact{
	width: 260px;
	margin-left: 40px;
}
.h_contact_service{
	color: #073c47;
	font-size: 16px;
	margin: 35px 0 0 10px;
}
.h_contact_hotline{
	color: #f39700;
	font-size: 25px;
	margin: 10px 0 0 10px;
}
.h_contact img{
	display: block;
	margin-top: 35px;
}
.h_pro_nav{
	width: 1200px;
	height: 38px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	position: relative;
	margin-top: 40px;
}
.h_pro_nav_more{
	display: block;
	color: #073c47;
	position: absolute;
	top: 10px;
	right: 0;	
}
.h_pro_nav li{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	padding: 0 30px;
	background: #eee;
	line-height: 38px;
	font-size: 14px;
	border-right: 1px solid #fff;
}
.h_pro_nav li a{
	color: #ff9e00;
}
.h_pro_nav li:hover{
	color: #fff;
	background: #ff9e00;
}
.h_pro_nav li:hover a{
	color: #fff;
}

.product{
	
}
.product ul{
	font-size: 0;
}
.product ul li img{
	max-width: 268px;
}
.product ul li{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width: 268px;
	border: 1px solid #eee;
	margin: 28px 0 0 40px;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
	font-size: 0;
}
.product ul li a p{
	height: 50px;
	line-height: 50px;
	background: #eee url(../images/pro_icon_11.png) no-repeat 227px center;
	padding-left: 15px;
	color: #000;
	font-size: 14px;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.product ul li:hover{
	border: 1px solid #50a9b5;
}
.product ul li:hover a p{
	background: #74bbc4 url(../images/pro_icon_white_07.png) no-repeat 227px center;
	color: #fff;
}

/*footer*/
.footer{
	width: 100%;
	height: 250px;
	background: url(../images/footer_bg.png) no-repeat;
}
.footer_con{
	width: 1200px;
	margin: 0 auto;
	padding-top: 70px;
}
.footer_l{
	width: 290px;
}
.footer_rwm{
	display: block;
	width: 112px;
	height: 112px;
	border: 4px solid #fff;
	margin-top: 10px;
	float: left;
}
.footer_l p{
	color: #fff;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-top: 50px;
}
.footer_nav{
	margin-top: 10px;
}
.footer_nav li{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin-left: 55px;
}
.footer_nav li a{
	font-size: 14px;
	color: #fff;
}
.footer_contact{
	width: 798px;
	height: 105px;
	border: 1px dashed #50a9b5;
	margin: 20px 0 0 50px;
	color: #fff;
	line-height: 25px;
	padding: 10px 0 0 15px;
}
.footer_bottom{
	width: 100%;
	height: 40px;
	background: #000000;
}
.footer_bottom_con{
	color: #fff;
	line-height: 40px;
	width: 1200px;
	margin: 0 auto;
}

/*inside*/
.inside{
	width: 1200px;
	margin: 60px auto;
}
.inside_nav{
	width: 1160px;
	margin: 0 auto;
}
.inside_nav_li{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	background: #e0e0e0;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left: 15px;
	position: relative;
}
.inside_nav_li a{
	color: #737373;
}
.inside_nav_li p{
}
.inside_nav_li:hover{
	background: #63c6d3;
}
.inside_nav_li:hover a{
	color: #fff;
}
.inside_nav_li:hover p{
	position: absolute;
	bottom:-10px;
	left:50%;
	margin-left:-10px;
	width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #63c6d3;
}
.inside_nav_li:first-child{
	margin-left: 0;
}
#inside_navhover{
	background: #63c6d3;
}
#inside_navhover a{
	color: #fff;
}
#inside_navhover p{
	position: absolute;
	bottom:-10px;
	left:50%;
	margin-left:-10px;
	width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #63c6d3;
}
.about1{
	width: 100%;
	margin-top: 30px;
}
.about2{
	min-height: 539px;
	width: 100%;
	/*background: url(../images/about_bg_10.png) no-repeat;*/
	background: #f9f9f9 url(../images/about_bg_top_01.png) no-repeat top center ;
	margin-top: 30px;
}
.about2_footer{
	width: 100%;
	height: 72px;
	background: url(../images/about_bg_footer_02.png) no-repeat bottom center;
}
.about_con1{
	width: 1160px;
	margin: 0 auto;
}
.about_con2{
	width: 1160px;
	margin: 0 auto;
	padding-top: 100px;
}
.about_slogan{
	line-height: 60px;
	font-size: 20px;
	color: #ffa800;
}
.about_content{
	font-size: 16px;
	line-height: 35px;
	margin-top: 20px;
}
.culture_l{
	width: 770px;
}
.culture_l ul li{
	line-height: 60px;
	border-bottom: 1px dashed #eee;
	color: #000;
	font-size: 16px;
}
.culture_r{
	margin-left: 75px;
}
.quality_l{
	width: 600px;
}
.quality_r{
	margin-left: 105px;
	margin-top: 50px;
}
.quality_title{
	width: 600px;
	height: 33px;
	line-height: 35px;
	border: 1px dashed #50a9b5;
	color: #50a9b5;
	text-indent: 15px;
	font-size: 16px;
	margin-top: 20px;
}
.quality_content{
	color: #000;
	line-height: 40px;
	font-size: 16px;
	margin: 15px 0;
}
.quality_content span{
	color: #ffa800;
}
.equipment{
	margin-top: 40px;
}
.equipment ul li{
	width: 232px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin-left: 40px;
}
.equipment ul li a{
	display: block;
	font-size: 0;
}
.equipment li a p{
	height: 85px;
	background: #50a9b5;
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding-top: 15px;
}
.equipment_line{
	display: block;
	width: 50px;
	height: 1px;
	background: #fff;
	margin: 10px auto 0;
}
.equipment_more{
	display: block;
	width: 88px;
	height: 23px;
	border: 1px solid #fff;
	line-height: 25px;
	text-align: center;
	margin: 15px auto 0;
}
.equipment ul li:hover a p{
	background: #073c47;
}
.equipment_show{
	display: none;
	width: 600px;
	height: 400px;
	background: #fff;
	position: fixed;
	top: 20%;
	left: 30%;
	z-index: 200;
}
.equipment_show img{
	width: 600px;
	height: 400px;
}
.equipment_show a{
	display: block;
	width: 30px;
	height: 30px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	border-radius: 15px; 
	background: #eee;
	position: absolute;
	top: -10px;
	right: -10px;
	text-align: center;
	line-height: 30px;
	color: #999;
	font-size: 20px;
}
.equipment_show a:hover{
	color: #333;
}

/*rollbox*/
.rollBox {
	width: 1200px;
	overflow: hidden;
	margin: 20px auto 0 auto;
}
.rollBox .LeftBotton {
	height: 54px;
	width: 27px;
	background: url(../images/equipment_left_28.png) no-repeat;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 113px 0 0 0;
	cursor: pointer;
}
.rollBox .RightBotton {
	height: 54px;
	width: 27px;
	background: url(../images/equipment_right_31.png) no-repeat;
	overflow: hidden;
	float: right;
	display: inline;
	margin: 113px 0 0 0;
	cursor: pointer;
}
.rollBox .Cont {
	width: 1136px;
	overflow: hidden;
	float: left;
	margin:0 5px;
}
.rollBox .ScrCont {
	width: 10000000px;
}
.rollBox .Cont .pic {
	float: left;
	margin: 0 11px;
}
.rollBox .Cont .pic img {
	max-width: 232px;
}
.rollBox .Cont .pic p {
	color: #fff;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-size: 14px;
	text-align: center;
}
.rollBox .Cont a{
	display: block;
}
.rollBox .Cont a:hover {
}
.rollBox .Cont a:hover p{
	background: #073c47;
	color: #fff;
} 
.rollBox #List1,
.rollBox #List2 {
	float: left;
}
/*rollbox*/

.network_l{
	
}
.network_r{
	width: 565px;
	margin-left: 35px;
	color: #ffa800;
	font-size: 18px;
	line-height: 40px;
	padding-top: 130px;
}
.backtop{
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	font-size: 20px;
}

/*message*/
.msg_tip{
	font-size: 20px;
	line-height: 80px;
	color: #ff9500;
	border-bottom: 1px solid #eee;
}

/*contact*/
.contact{
	width: 1160px;
	margin: 0 auto;
}
.contact_tip{
	font-size: 18px;
	line-height: 35px;
	color: #ff9500;
	border: 1px dashed #63c6d3;
	padding: 30px ;
	margin-top: 45px;
	margin-bottom: 30px;
}
.contact_tip span{
	color: #073c47;
}
.map{
	width: 670px;
	height: 670px;
}
.contact_r{
	width: 342px;
	margin: 40px 0 0 75px;
	line-height: 45px;
	color: #073c47;
	font-size: 18px;
}
.contact_r span{
	font-size: 20px;
}

/*news*/
.news ul li{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 60px 0 0 0;
}
.news ul li a{
	margin-left: 20px;
	width: 980px;
}
.news h2{
	color: #000;
	font-size: 20px;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.news span{
	display: block;
	background: url(../images/time_icon_06.png) no-repeat left center;
	padding-left: 15px;
	margin-top: 20px;
	color: #50a9b5;
}
.news p{
	margin-top: 5px;
	font-size: 14px;
	color: #666;
	line-height: 25px;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
	overflow: hidden;
}
.news li a:hover h2{
	color: #50a9b5;
}
.news li a:hover p{
	color: #50a9b5;
}
.news_detail{
	width: 1160px;
	margin: 65px auto 0;
}
.news_detail h2{
	font-size: 20px;
	color: #000;
	line-height: 40px;
	text-align: center;
}
.news_time{
	width: 80px;
	display: block;
	background: url(../images/time_icon_06.png) no-repeat left center;
	padding-left: 15px;
	color: #50a9b5;
	font-size: 14px;
	line-height: 25px;
	margin: 0 auto;
}
.news_detail p{
	color: #666;
	line-height: 36px;
	font-size: 16px;
	margin-top: 20px;
}

.nav_two{
	height: 38px;
	line-height: 38px;
	width: 1200px;
	margin: 0 auto;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	position: absolute;
	left: 0;
	top: 65px;
}
.nav_two ul li{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	padding: 0 25px;
	margin-left: 20px;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
..nav_two ul li a{
	font-size: 14px;
	color: #000;
}
.nav_two ul li:hover{
	background: #f39700;
}
.nav_two ul li:hover a{
	color: #fff;
}
#nav_two_hover{
	background: #f39700;
}
#nav_two_hover a{
	color: #fff;
}
.inside_pro{
	margin-top: 80px;
}
.pro_detail{
	width: 1160px;
	margin: 100px auto 0;
}
.pro_detail_l{
	/*width: 448px;
	height: 338px;
	border: 1px solid #eee;*/
}
.pro_detail_r{
	margin: 10px 0 0 85px;
	font-size: 16px;
	color: #000;
	line-height: 60px;
}
.pro_detail_title{
	background: url(../images/pro_detail_bg_03.png) no-repeat;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	padding-left: 30px;
	margin-top: 20px;
}
.pro_detail_content{
	color: #666;
	line-height: 28px;
	margin-top: 20px;
}
/* zoom-section */

.zoom-section{clear:both;}
*html .zoom-section{display:inline;clear:both;}
.zoom-desc{float:left;margin-left:10px;width:310px;margin-bottom:20px;}
.zoom-small-image{border:1px solid #CCC;float:left;padding:5px; background: #fff;}
.zoom-tiny-image{border:1px solid #CCC;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #C00;}










