/* pro */
#overlay{
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  display:none;
  text-align:center;
}
#overlay img{
  height:400px;
  width:550px;
  transform: translateY(50%);
  
  left:0;
  right:0;
  margin:0 auto;
}
#main-img{
  /*border:1px solid black;*/
  height:300px;
}
#main-img:hover{
  cursor:pointer;
}
#main-img img{
  width:80%;
  height:130%;
}

.thumb{
 /* border:2px solid #ccc; */
  height:100px;
}
.thumb img{
margin-top: 15px;
height: 75% !important;
width: 100% !important;
}
.thumb:hover{
  cursor:pointer;
}
p {
	margin: 0 0 10px;
    margin-bottom: 100px !important;
}
/* pro */

/* pro1 */
#overlay1{
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  display:none;
  text-align:center;
}
#overlay1 img{
  height:400px;
  width:550px;
  transform: translateY(50%);
  
  left:0;
  right:0;
  margin:0 auto;
}
#main-img1{
  /*border:1px solid black;*/
  height:300px;
}
#main-img1:hover{
  cursor:pointer;
}
#main-img1 img{
  width:80%;
  height:130%;
}

.thumb1{
 /* border:2px solid #ccc; */
  height:100px;
}
.thumb1 img{
margin-top: 15px;
height: 75% !important;
width: 100% !important;
}
.thumb1:hover{
  cursor:pointer;
}
p {
	margin: 0 0 10px;
    margin-bottom: 100px !important;
}
/* pro1 */

/* pro2 */
#overlay2{
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  display:none;
  text-align:center;
}
#overlay2 img{
  height:400px;
  width:550px;
  transform: translateY(50%);
  
  left:0;
  right:0;
  margin:0 auto;
}
#main-img2{
  /*border:1px solid black;*/
  height:300px;
}
#main-img2:hover{
  cursor:pointer;
}
#main-img2 img{
  width:80%;
  height:130%;
}

.thumb2{
  /*border:2px solid #ccc; */
  height:100px;
}
.thumb2 img{
margin-top: 15px;
height: 75% !important;
width: 100% !important;
}
.thumb2:hover{
  cursor:pointer;
}
p {
	margin: 0 0 10px;
    margin-bottom: 100px !important;
}
/* pro2 */

/* pro3 */
#overlay3{
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  display:none;
  text-align:center;
}
#overlay3 img{
  height:400px;
  width:550px;
  transform: translateY(50%);
  
  left:0;
  right:0;
  margin:0 auto;
}
#main-img3{
  /*border:1px solid black;*/
  height:300px;
}
#main-img3:hover{
  cursor:pointer;
}
#main-img3 img{
  width:80%;
  height:130%;
}

.thumb3{
  border:1px solid #ccc; 
  height:100px;
}
.thumb3 img{
	margin-top:20px;
  height:60% !important;
  width:65% !important;
}
.thumb3:hover{
  cursor:pointer;
}
p {
	margin: 0 0 10px;
    margin-bottom: 100px !important;
}
/* pro3 */

/* pro 4*/
.thumb4{
  height:50px;
  margin-top: 100px !important;
  margin-bottom: 60px !important;
}
.thumb4 img {
    height: 100% !important;
    width: 24% !important;
    margin-bottom: 10px !important;
}
#overlay4{
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  display:none;
  text-align:center;
}
#overlay4 img{
  height:400px;
  width:550px;
  transform: translateY(50%);
  
  left:0;
  right:0;
  margin:0 auto;
}
.thumb4:hover{
  cursor:pointer;
}
#main-img4{
  /*border:1px solid black;*/
  height:100px;
}
#main-img4:hover{
  cursor:pointer;
}
#main-img4 img{
  width:100%;
  height:180%;
}
p {
	margin: 0 0 10px;
    margin-bottom: 100px !important;
}
/* pro4 */

/* pro 5*/
.thumb5{
  height:50px;
}
.thumb5 img {
    margin-top: 30px;
    height: 100% !important;
    width: 24% !important;
}
#overlay5{
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  display:none;
  text-align:center;
}
#overlay5 img{
  height:400px;
  width:550px;
  transform: translateY(50%);
  
  left:0;
  right:0;
  margin:0 auto;
}
.thumb5:hover{
  cursor:pointer;
}
#main-img5{
  /*border:1px solid black;*/
		margin-bottom: 90px !important;
  height:100px;
}
#main-img5:hover{
  cursor:pointer;
}
#main-img5 img{
  width:100%;
  height:210%;
}

p {
	margin: 0 0 10px;
    margin-bottom: 100px !important;
}
/*pro5 */

/* pro 6*/
.thumb6{
  height:50px;
  margin-top: 20px;
}
.thumb6 img {
    margin-top: 20px;
    height: 100% !important;
    width: 24% !important;
}
#overlay6{
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  display:none;
  text-align:center;
}
#overlay6 img{
  height:400px;
  width:550px;
  transform: translateY(50%);
  
  left:0;
  right:0;
  margin:0 auto;
}
.thumb6:hover{
  cursor:pointer;
}
#main-img6{
  /*border:1px solid black;*/
		margin-bottom: 90px !important;
  height:100px;
}
#main-img6:hover{
  cursor:pointer;
}
#main-img6 img{
  width:100%;
  height:210%;
}

p {
	margin: 0 0 10px;
    margin-bottom: 120px !important;
}
/*pro6 */