.example {
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px
}#gallery {
    padding: 0;
    background: #f6f6f6;
    width: 232px;
    padding: 3px;
    border: 1px solid #e0e1e0;
    position: relative;
    margin: 39px 0 17px 0;
}#descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin - top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden
}#descriptions.ad - image - description {
    position: absolute
}#descriptions.ad - image - description.ad - description - title {
    display: block
}.ad - gallery {
    width: 241px
}.ad - gallery, .ad - gallery * {
    margin: 0;
    padding: 0
}.ad - gallery.ad - image - wrapper {
    width: 100 % ;
    height: 278px;
    position: relative;
    overflow: hidden
}.ad - gallery.ad - image - wrapper.ad - loader {
    position: absolute;
    z - index: 10;
    top: 48 % ;
    left: 48 % ;
    border: 1px solid #CCC
}.ad - gallery.ad - image - wrapper.ad - next {
    position: absolute;
    right: 0;
    top: 0;
    width: 25 % ;
    height: 100 % ;
    cursor: pointer;
    display: block;
    z - index: 100
}.ad - gallery.ad - image - wrapper.ad - prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 25 % ;
    height: 100 % ;
    cursor: pointer;
    display: block;
    z - index: 100
}.ad - gallery.ad - image - wrapper.ad - prev.ad - prev - image, .ad - gallery.ad - image - wrapper.ad - next.ad - next - image {
    background: url(/assets/images / photo - gallery / ad_prev.png);
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47 % ;
    left: 0;
    z - index: 101
}.ad - gallery.ad - image - wrapper.ad - next.ad - next - image {
    background: url(/assets/images / photo - gallery / ad_next.png);
    width: 30px;
    height: 30px;
    right: 0;
    left: auto
}.ad - gallery.ad - image - wrapper.ad - image {
    overflow: hidden
}.ad - gallery.ad - image - wrapper.ad - image a img {
    border: 0
}.ad - gallery.ad - image - wrapper.ad - image.ad - image - description {
    position: absolute;
    bottom: 15px!important;
    left: 0;
    padding: 30px 10px 0;
    text - align: left;
    width: 100 % ;
    z - index: 2000;
    color: #fff;
    height: 50px;
    font: 17px Arial
} * html.ad - gallery.ad - image - wrapper.ad - image.ad - image - description {
    background: 0
}.ad - gallery.ad - image - wrapper.ad - image.ad - image - description.ad - description - title {
    display: block
}.ad - gallery.ad - controls {
    height: 20px
}.ad - gallery.ad - info {
    float: left
}.ad - gallery.ad - slideshow - controls {
    float: right
}.ad - gallery.ad - slideshow - controls.ad - slideshow - start, .ad - gallery.ad - slideshow - controls.ad - slideshow - stop {
    padding - left: 5px;
    cursor: pointer
}.ad - gallery.ad - slideshow - controls.ad - slideshow - countdown {
    padding - left: 5px;
    font - size: .9em
}.ad - gallery.ad - slideshow - running.ad - slideshow - start {
    cursor: default;
    font - style: italic
}.ad - gallery.ad - nav {
    width: 228px;
    position: relative;
    margin - left: 2px
}.ad - gallery.ad - forward, .ad - gallery.ad - back {
    position: absolute;
    top: 0;
    height: 100 % ;
    z - index: 10
} * html.ad - gallery.ad - forward, .ad - gallery.ad - back {
    height: 100px
}.ad - gallery.ad - back {
    cursor: pointer;
    width: 20px;
    height: 20px;
    bottom: 3px;
    display: block;
    background: url(/assets/images / photo - gallery / arrow - left.png) no - repeat;
    position: absolute;
    top: 71px;
    right: 25px
}.ad - gallery.ad - forward {
    cursor: pointer;
    display: block;
    right: 0;
    width: 20px;
    height: 20px;
    bottom: 3px;
    background: url(/assets/images / photo - gallery / arrow - right.png) no - repeat;
    position: absolute;
    top: 71px
}.ad - gallery.ad - nav.ad - thumbs {
    overflow: hidden;
    width: 100 % ;
    margin - top: 4px
}.ad - gallery.ad - thumbs.ad - thumb - list {
    float: left;
    width: 9000px;
    list - style: none
}.ad - gallery.ad - thumbs li {
    float: left
}.ad - gallery.ad - thumbs li a {
    display: block
}.ad - gallery.ad - thumbs li a img {
    border: 3px solid #f6f6f6;
    display: block;
}.ad - gallery.ad - thumbs li a.ad - active img {
    border: 3px solid #616161}.ad-preloads{position:absolute;left:-9000px;top:-9000px}.ad-image{left:0!important}.ad-gallery .ad-image img{width:232px;height:278px}.more-photos{bottom:12px;color:#444;
    font - size: 13px;
    left: 8px;
    position: absolute;
    text - decoration: none
}.photo - gallery - hd {
    position: absolute;
    margin - left: -4px;
    margin - top: -26px
}#gallery1 {
    padding: 0;
    background: #b6b7b8;
    width: 620px;
    padding: 10px;
    border: 1px solid #e0e1e0;
    position: relative;
    margin: 0 auto;
    border - radius: 10px
}#descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin - top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden
}#descriptions.ad - image - description {
    position: absolute
}#descriptions.ad - image - description.ad - description - title {
    display: block
}.ad - gallery1 - {
    width: 241px
}.ad - gallery1, .ad - gallery1 * {
    margin: 0;
    padding: 0
}.ad - gallery1.ad - image - wrapper {
    width: 100 % ;
    height: 353px;
    position: relative;
    overflow: hidden
}.ad - gallery1.ad - image - wrapper.ad - loader {
    position: absolute;
    z - index: 10;
    top: 48 % ;
    left: 48 % ;
    border: 1px solid #CCC;
}.ad - gallery1.ad - image - wrapper.ad - next {
    position: absolute;
    right: 0;
    top: 0;
    width: 25 % ;
    height: 100 % ;
    cursor: pointer;
    display: block;
    z - index: 100
}.ad - gallery1.ad - image - wrapper.ad - prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 25 % ;
    height: 100 % ;
    cursor: pointer;
    display: block;
    z - index: 100
}.ad - gallery1.ad - image - wrapper.ad - prev.ad - prev - image, .ad - gallery1.ad - image - wrapper.ad - next.ad - next - image {
    background: url(/assets/images / photo - gallery - seminar / ad_next.png);
    width: 30px;
    height: 52px;
    display: none;
    position: absolute;
    top: 47 % ;
    left: 0;
    z - index: 101
}.ad - gallery1.ad - image - wrapper.ad - next.ad - next - image {
    background: url(/assets/images / photo - gallery - seminar / ad_prev.png);
    width: 30px;
    height: 52px;
    right: 0;
    left: auto
}.ad - gallery1.ad - image - wrapper.ad - image {
    overflow: hidden
}.ad - gallery1.ad - image - wrapper.ad - image a img {
    border: 0
}.ad - gallery1.ad - image - wrapper.ad - image.ad - image - description {
    position: absolute;
    bottom: 15px!important;
    left: 0;
    padding: 30px 10px 0;
    text - align: left;
    width: 100 % ;
    z - index: 2000;
    color: #fff;
    height: 50px;
    font: 17px Arial
} * html.ad - gallery1.ad - image - wrapper.ad - image.ad - image - description {
    background: 0
}.ad - gallery1.ad - image - wrapper.ad - image.ad - image - description.ad - description - title {
    display: block
}.ad - gallery1.ad - controls {
    height: 20px
}.ad - gallery1.ad - controls p {
    font: 18px Arial,
    Helvetica,
    sans - serif;
    color: white;
    text - align: center
}.ad - gallery1.ad - info {
    float: left;
    display: none
}.ad - gallery1.ad - slideshow - controls {
    float: right
}.ad - gallery1.ad - slideshow - controls.ad - slideshow - start, .ad - gallery1.ad - slideshow - controls.ad - slideshow - stop {
    padding - left: 5px;
    cursor: pointer;
    display: none
}.ad - gallery1.ad - slideshow - controls.ad - slideshow - countdown {
    padding - left: 5px;
    font - size: .9em
}.ad - gallery1.ad - slideshow - running.ad - slideshow - start {
    cursor: default;
    font - style: italic
}.ad - gallery1.ad - nav {
    width: 100 % ;
    position: relative;
    margin - left: 2px
}.ad - gallery1.ad - forward, .ad - gallery1.ad - back {
    position: absolute;
    top: 0;
    height: 100 % ;
    z - index: 10
} * html.ad - gallery1.ad - forward, .ad - gallery1.ad - back {
    height: 100px
}.ad - gallery1.ad - back {
    background: url("/assets/images/photo-gallery-seminar/ad_prev.gif") no - repeat scroll 0 0 transparent;
    bottom: 3px;
    cursor: pointer;
    display: block;
    height: 31px;
    position: absolute;
    top: 21px;
    width: 29px
}.ad - gallery1.ad - forward {
    background: url("/assets/images/photo-gallery-seminar/ad_next.gif") no - repeat scroll 0 0 transparent;
    bottom: 3px;
    cursor: pointer;
    display: block;
    height: 31px;
    position: absolute;
    top: 21px;
    width: 28px;
    right: 5px
}.ad - gallery1.ad - nav.ad - thumbs {
    overflow: hidden;
    width: 85 % ;
    margin - top: 4px;
    margin: 4px auto;
    height: 71px
}.ad - gallery1.ad - thumbs.ad - thumb - list {
    float: left;
    width: 9000px;
    list - style: none
}.ad - gallery1.ad - thumbs li {
    float: left;
    margin - right: 15px
}.ad - gallery1.ad - thumbs li a {
    display: block
}.ad - gallery1.ad - thumbs li a img {
    display: block
}.ad - preloads {
    position: absolute;
    left: -9000px;
    top: -9000px
}.ad - image {
    left: 0!important
}.ad - image img {
    border: 2px solid #83868a;border-radius:3px;width:615px;height:348px}.more-photos{bottom:12px;color:#444;
    font - size: 13px;
    left: 8px;
    position: absolute;
    text - decoration: none
}.photo - gallery - hd {
    position: absolute;
    margin - left: -4px;
    margin - top: -26px
}

#visit{
	margin-top: -37px;
margin-left: 24px;}