/************************** * * GENERAL * **************************/ .slider_wrapper { overflow: hidden; position: relative; z-index: 0; width: 940px; height: 376px; } .camera_target_content { overflow: visible !important; } .camera_wrap { overflow: hidden; display: none; position: relative; overflow: visible !important; z-index: 0; margin-bottom: 0 !important; } .camera_wrap img { max-width: 10000px; } .camera_fakehover { height: 100%; min-height: 60px; position: relative; width: 100%; z-index: 1; } .camera_wrap { width: 100%; } .camera_src { display: none; } .cameraCont, .cameraContents { height: 100%; position: relative; width: 100%; z-index: 1; } .cameraSlide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .cameraContent { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .camera_target { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 0; } .camera_overlayer { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .camera_target_content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2; } .camera_target_content .camera_link { background: url(../images/blank.gif); display: block; height: 100%; text-decoration: none; } .camera_loader { background: #fff url(../images/camera-loader.gif) no-repeat center; background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center; border: 1px solid #ffffff; border-radius: 18px; height: 36px; left: 50%; overflow: hidden; position: absolute; margin: -18px 0 0 -18px; top: 50%; width: 36px; z-index: 3; } .camera_nav_cont { height: 65px; overflow: hidden; position: absolute; right: 9px; top: 15px; width: 120px; z-index: 4; } .camerarelative { overflow: hidden; position: relative; } .imgFake { cursor: pointer; } .camera_commands > .camera_stop { display: none; } .slide_wrapper .camera_prev{ background: url(../images/prevnext_bg.png) 0 0 repeat; width: 70px; top: 0 !important; height: auto !important; bottom: 0; left: -80px; display: block; position: absolute; opacity: 1 !important; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; } .slide_wrapper .camera_prev>span { background: url(../images/prev.png) center 0 no-repeat; top: 50%; margin-top: -10px; position: absolute; display: block; height: 20px; left: 0; right: 0; } .slide_wrapper .camera_next>span { background: url(../images/next.png) center 0 no-repeat; top: 50%; margin-top: -10px; position: absolute; display: block; left: 0; right: 0; height: 20px; } .slide_wrapper .camera_next { background: url(../images/prevnext_bg.png) 0 0 repeat; width: 70px; top: 0 !important; bottom: 0; height: auto !important; right: -80px; display: block; position: absolute; opacity: 1 !important; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; } .camera_thumbs_cont { z-index: 999; position: relative; } .camera_thumbs_cont > div { float: left; width: 100%; } .camera_thumbs_cont ul { overflow: hidden; position: relative; margin: 0 !important; margin-left: -80px !important; margin-top: -35px !important; text-align: center; background-color: #b8684f; } .camera_thumbs_cont ul li { display: inline; } .camera_thumbs_cont ul li > img { cursor: pointer; vertical-align:bottom; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; } .camera_clear { display: block; clear: both; } .showIt { display: none; } .camera_clear { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative; } .caption { left: 0px; right: 0px; top: 0; bottom: 0; position: absolute; z-index: 1 !important; } .pagination { display: block; position: absolute; left: 50%; bottom: 73px; width: 178px; height: 32px; margin-left: -89px; overflow: hidden; right: 0; z-index: 999; text-align: left; } .camera_pag_ul { overflow: hidden; } .pagination li { float: left; } .pagination li+li { margin-left: 16px; } .pagination li a { display: block; width: 32px; cursor: pointer; height: 32px; background: url(../images/pagination.png) right 0 no-repeat; overflow: hidden; color: transparent; text-indent: -100px; transition: 0s ease; -o-transition: 0s ease; -webkit-transition: 0s ease; } .pagination li a:hover, .pagination li.current a { background-position: 0 0; cursor: pointer; } /************************** * * COLORS & SKINS * **************************/ /************************** .camera_prev { display: block; position: absolute; background: url(../images/prevnext.png) 0 0 no-repeat; width: 48px; height: 48px; top: 19px; right: 92px; z-index: 999; opacity: 1 !important; transition: 0s ease; -o-transition: 0. ease; -webkit-transition: 0s ease; } .camera_next { right: 40px; display: block; position: absolute; background: url(../images/prevnext.png) right bottom no-repeat; width: 48px; height: 48px; top: 19px; right: 42px; z-index: 999; transition: 0s ease; -o-transition: 0s ease; -webkit-transition: 0s ease; opacity: 1 !important; } .camera_next:hover { cursor: pointer; background-position: right 0; } .camera_prev:hover { cursor: pointer; background-position: 0 bottom; } **************************/