﻿
.thumbwrap {
    background-color: #F4F4F4;
    border: 1px solid #999999;
    margin: 0;
    padding: 15px 8px 0;
    text-align: center;    
}
.thumbwrap li {
    border: 1px solid #999999;
    display: inline-block;
    margin: 0 7px 15px;
    padding: 0;
    vertical-align: top;
    border-radius: 4px 4px 4px 4px;    
    border: 1px solid #CCCCAA;
    box-shadow: 2px 2px 2px #DADACA;
}
.thumbwrap li > div {
    display: table;
    width: 199px;
}
.thumbwrap a {
    background-color: #FFFFEE;
    color: #000000;
    cursor: pointer;
    display: block;
    text-decoration: none;
}
.thumbwrap > li .wrimg {
    display: table-cell;
    height: 199px;
    vertical-align: middle;
    width: 199px;
}

.thumbwrap img {
    /*border: 1px solid #6666FF;*/
    border: none;
    vertical-align: middle;
    /* pjh *
    border-radius: 4px 4px 4px 4px;
    
    border: 1px solid #333333;
    box-shadow: 2px 2px 2px #2A2A2A;*/
    max-height: 190px;
    max-width: 190px;
}
.thumbwrap a:hover {
    background-color: #DDFFDD;    
}
.thumbwrap .caption {
    border-top: 1px solid #CCCCCC;
    display: block;
    font-size: 0.9em;
    line-height: 1.1;
    padding: 0.3em 5px;
    width: 189px;
}
html:first-child .thumbwrap a {
    display: inline-block;
    vertical-align: top;
}
html:first-child .thumbwrap {
    border-collapse: collapse;
    display: inline-block;
}

/* Hover-over */

.thumbhover
{
	position:absolute;
	display: none;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

.thumbhover p
{
    clear: both;
    margin: 0;
    padding: 0.5em 0;
    text-align:left;
}