.gallery {
width: 100%;
}
.gallery .main {
width: 100%;
height: 500px;
margin:0;
padding:0
}
.gallery .main div {
width: 100%;
display: none;
}
.gallery .main div img {
width: 100%;
height: auto;
margin:0;
padding:0
}
.gallery .main div:first-child {
display: block;
}
.gallery .thumb {
width: 100%;
height: 61px;
}
.gallery .thumb div {
width: 100px;
height: 60px;
display: block;
float: left;
cursor: pointer;
margin-right:5px;
padding:0;
border: 0px solid #C00;
}
.gallery .thumb div.selected img {
width: 99px;
height: 61px;
border: 1px solid #C00;
}
.gallery .thumb div img {
border:1px solid #ddd;
cursor: pointer;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.gallery .thumb div img:hover {
opacity: 0.5;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=50)";
}
.gallery .indicator {
width: 100%;
height: 30px;
text-align: center;
font-size: 0;
display: none;
}
.gallery .indicator div {
cursor: pointer;
color: #cccccc;
height: 30px;
line-height: 30px;
font-size: 10px;
width: 20px;
text-align: center;
display: inline-block;
}
.gallery .indicator div.selected {
color: #999999;
}
.gallery .g_navi {
width: 100%;
margin-top: -100px;
}
.gallery .g_navi div {
text-align: center;
letter-spacing: 0.2em;
color: #333;
font-size:16px;
cursor: pointer;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.gallery .g_navi div.nextBtn {
float: right;
}
.gallery .g_navi div.prevBtn {
float: left;
}
#gallery .thumbPages {
width: 100%;
height: 75px;
}
#gallery .thumbPages > div {
width: 100%;
height: 73px;
display: none;
}
#gallery .thumbPages > div:first-child {
display: block;
}


#gallery2 .thumbPages {
width: 100%;
height: 73px;
}
#gallery2 .thumbPages > div {
width: 100%;
height: 60px;
display: none;
}
#gallery2 .thumbPages > div:first-child {
display: block;
}


#gallery3 .thumbPages {
width: 100%;
height: 73px;
}
#gallery3 .thumbPages > div {
width: 100%;
height: 60px;
display: none;
}
#gallery3 .thumbPages > div:first-child {
display: block;
}


#gallery4 .thumbPages {
width: 100%;
height: 73px;
}
#gallery4 .thumbPages > div {
width: 100%;
height: 60px;
display: none;
}
#gallery4 .thumbPages > div:first-child {
display: block;
}


#gallery5 .thumbPages {
width: 100%;
height: 73px;
}
#gallery5 .thumbPages > div {
width: 100%;
height: 60px;
display: none;
}
#gallery5 .thumbPages > div:first-child {
display: block;
}


#gallery6 .thumbPages {
width: 100%;
height: 73px;
}
#gallery6 .thumbPages > div {
width: 100%;
height: 60px;
display: none;
}
#gallery6 .thumbPages > div:first-child {
display: block;
}


#gallery7 .thumbPages {
width: 100%;
height: 73px;
}
#gallery7 .thumbPages > div {
width: 100%;
height: 60px;
display: none;
}
#gallery7 .thumbPages > div:first-child {
display: block;
}


#gallery8 .thumbPages {
width: 100%;
height: 73px;
}
#gallery8 .thumbPages > div {
width: 100%;
height: 60px;
display: none;
}
#gallery8 .thumbPages > div:first-child {
display: block;
}