#pg { position: relative; height: 396px; /*background: #000;*/ }
#pg li { position: relative; list-style: none; width: 150px !important; height: 100px !important;  overflow: hidden; float: left; z-index: 2; opacity: .3; }
#pg li.active { opacity: 1; }
#pg li.selected { opacity: 1; z-index: 99; -moz-box-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 10px #fff; top: 0px !important;
left: -9px !important;
width: 434px !important;
height: 299px !important;
padding: 10px !important;
position: absolute !important;
cursor: pointer !important;
overflow: hidden !important;}
#pg li img { display: block; width: 100%; }
#pg li p { color: white; margin: 10px 0; font-size: 12px; }

/*** pg2 ***/
#pg1 { position: relative; height: auto; /*background: #000;*/ }
#pg1 li { position: relative; list-style: none; width: 150px !important; height: 100px !important;  overflow: hidden; float: left; z-index: 2; opacity: .3; }
#pg1 li.active { opacity: 1; }
#pg1 li.selected { opacity: 1; z-index: 99; -moz-box-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 10px #fff; top: 0px !important;
left: -9px !important;
width: 434px !important;
height: 299px !important;
padding: 10px !important;
position: absolute !important;
cursor: pointer !important;
overflow: hidden !important;}
#pg1 li img { display: block; width: 100%; }
#pg1 li p { color: white; margin: 10px 0; font-size: 12px; }