.wrapper{clear: both;position: relative;width:960px;
margin-top: 24px;}
.grid-container{width: 100%;overflow: hidden;}
.thumb-container{float: left;position: relative;width: 240px;height: 160px;cursor: pointer;}
.grid-img{position:relative;float: left;z-index: 999;}
.quote{position:relative;clear: left;background: #f4ebd7;}
.quote p{padding:36px;}
.info-img{float: left;margin: 48px 20px 12px 36px;}
.quote-container{display: none;clear: left;width: 100%;}
.popover {position: absolute;z-index: 1010;top: 10px;left: 0px;display: none;width: 240px;height: 159px;padding: 1px;text-align: left;white-space: normal;background-color: #fff;}
.popover.white{background: #fff;color: #333;}
.popover.orange{background: #FFA500;color: #FFF;}
.popover.brown{background: #8B4513;color: #FFF;}

.popover.top { margin-top: -10px;}

.popover.right {margin-left: 10px;}

.popover.bottom {margin-top: 10px;}

.popover.left {margin-left: -10px;}

.popover-title {padding: 8px 14px;margin: 0;
background-color: #f7f7f7;border-bottom: 1px solid #ebebeb;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}

.popover-content {line-height:50px;padding: 9px 14px;}

.popover .arrow,.popover .arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}

.popover .arrow {border-width: 11px;}

.popover .arrow:after {border-width: 10px;content: "";}

.popover.top .arrow {bottom: -11px;left: 50%;margin-left: -11px;border-top-color: #999;border-top-color: rgba(0, 0, 0, 0.25);border-bottom-width: 0;}

.popover.top .arrow:after { bottom: 1px;margin-left: -10px;border-top-color: #fff;border-bottom-width: 0;}
.popover.top.orange .arrow:after {bottom: 1px;margin-left: -10px;border-top-color: #FFA500;border-bottom-width: 0;}
.popover.top.brown .arrow:after{bottom: 1px;margin-left: -10px;border-top-color: #8B4513;border-bottom-width: 0;}