.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid #c0c0c0;
background:white;
color: black;
z-index:2000;
padding: 4px;
}

.ddimgtooltip { color:#65686c; }
.ddimgtooltip .singleimage{ max-width:600px; float:left; height:auto;  /*margin:0px 5px 6px 5px;*/ padding:0px;
	max-height: 600px; border: 1px solid #ccc; line-height: 300px; text-align: center; margin: 0 2px 20px 2px; }
.ddimgtooltip .singleimage img{ width:100%; max-width:600px; max-height:500px; /*display:block;*/ border:1px solid #c0c0c0;
	vertical-align: middle; max-height: 600px; max-width: 600px;}
.ddimgtooltip .singleimage span{ display:block; font-size:14px; text-align:center;
	line-height: normal;}

.ddimgtooltip .twoimage{ max-width:360px; float:left; height:auto;  /*margin:0px 5px 6px 5px;*/ padding:0px;
	max-height: 360px; border: 1px solid #ccc; line-height: 180px; text-align: center; margin: 0 2px 20px 2px; }
.ddimgtooltip .twoimage img{ width:100%; max-width:360px; max-height:220px; /*display:block;*/ border:1px solid #c0c0c0;
	vertical-align: middle; max-height: 360px; max-width: 3600px;}
.ddimgtooltip .twoimage span{ display:block; text-align:center; font-size:14px;
	line-height: normal;}

.ddimgtooltip .threeimage{ float:left; width:150px; height:auto; /*margin:0px 5px 6px 5px;*/ padding:0px;
	height: 150px; border: 1px solid #ccc; line-height: 150px; text-align: center; margin: 0 2px 20px 2px; }
.ddimgtooltip .threeimage img{ width:100%; max-width:150px; max-height:150px; /*display:block;*/border:1px solid #c0c0c0;
    vertical-align: middle; max-height: 150px; max-width: 150px; }
.ddimgtooltip .threeimage span{ display:block; text-align:center; font-size:14px; 
	line-height: normal;}


@media screen and (max-width: 800px) {
.ddimgtooltip .singleimage{ width:260px; /*margin:0px 2px 3px 2px;*/
	height: 260px; line-height: 260px; }
.ddimgtooltip .singleimage img{ max-width:260px; max-height:260px;}

.ddimgtooltip .twoimage{ width:150px; /*margin:0px 2px 3px 2px;*/
	height: 150px; line-height: 150px; }
.ddimgtooltip .twoimage img{ max-width:150px; max-height:150px;}

.ddimgtooltip .threeimage{ width:116px; /*margin:0px 2px 3px 2px;*/
	height: 116px; line-height: 116px; }
.ddimgtooltip .threeimage img{ max-width:116px; max-height:116px; }
}


@media screen and (max-width: 768px) {
.ddimgtooltip .singleimage{ width:250px;
	height: 250px; line-height: 250px; }
.ddimgtooltip .singleimage img{ max-width:250px; max-height:250px;}

.ddimgtooltip .twoimage{ width:180px;
	height: 180px; line-height: 180px; }
.ddimgtooltip .twoimage img{ max-width:180px; max-height:180px;}

.ddimgtooltip .threeimage{ width:170px;
	height: 170px; line-height: 170px; }
.ddimgtooltip .threeimage img{ max-width:170px; max-height:170px;}
}

@media screen and (max-width: 767px) {
.ddimgtooltip .singleimage{ width:220px; float:none;
	height: 220px; line-height: 220px; }
.ddimgtooltip .singleimage img{ max-width:220px; max-height:220px;}

.ddimgtooltip .twoimage{ width:160px; float:none;
	height: 160px; line-height: 160px; }
.ddimgtooltip .twoimage img{ max-width:160px; max-height:160px;}

.ddimgtooltip .threeimage{ width:116px; float:none;
	height: 116px; line-height: 116px; }
.ddimgtooltip .threeimage img{ max-width:116px; max-height:116px;}
}

@media screen and (max-width: 568px) {
.ddimgtooltip .singleimage{ width:200px;
	height: 200px; line-height: 200px; }
.ddimgtooltip .singleimage img{ max-width:200px; max-height:200px;}


.ddimgtooltip .threeimage{ width:150px;
	height: 150px; line-height: 150px; }
.ddimgtooltip .threeimage img{ max-width:150px; max-height:150px;}
}