/************************** * * GENERAL * **************************/ .camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { background: none; border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; list-style: none } .camera_wrap a { color:white; } .camera_wrap a:hover { color: #1D9BF3; } .camera_wrap { display: none; height:360px; background:#000; float: left; position: relative; z-index: 0; width: 100%; margin:0!important; } .camera_wrap img { max-width: none!important; width:100% !important; } .camera_fakehover { height: 100%; min-height: 184px; position: relative; width: 100%; z-index: 1; } .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: url(../images/camera-loader.gif) no-repeat center; height: 64px; left: 50%; overflow: hidden; position: absolute; margin: -18px 0 0 -18px; top: 50%; width: 64px; z-index: 3; } .camera_bar { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3; } .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar { height: 100%; position: absolute; width: auto; } .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { height: auto; position: absolute; width: 100%; } .camera_nav_cont { height: 65px; overflow: hidden; position: absolute; right: 9px; top: 15px; width: 120px; z-index: 4; } /*---------------------------------------- Caption ---------------------------------------- */ .camera_caption { bottom: 0; right: 0; width:100%; display: block; position: absolute; font-size:13px; line-height:22px; color: #fff; text-align:left; font-family:"Helvetica",serif; } .camera_caption > div { background: #222; background: rgba(0, 0, 0, 0.91); height: 80px; width: 100%; float: right; } .camera_caption > div h2 { font-family: Helvetica; font-size: 18px; padding: 30px 15px 15px; line-height: 1.27; color: white; font-weight: bold; } /*---------------------------------------- Paginations ---------------------------------------- */ .camera_wrap .camera_pag { position: absolute; bottom: 30px; left: 86%; z-index: 2; } .camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; } .camera_wrap .camera_pag .camera_pag_ul li { cursor: pointer; display: inline-block; margin: 0px 5px 0 5px; position: relative; text-indent: -9999px; width: 14px; height:14px; } .camera_wrap > .camera_pag >.camera_pag_ul >li >span { width: 9px; height: 9px; display: block; background: white; cursor: pointer; text-indent: -9999px; border: 1px solid #949494; border-radius: 6px; border-width: 2px; } .camera_wrap .camera_pag .camera_pag_ul li:hover span {background: black;background: rgba(0, 0, 0, 0.9);} .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent span {background: black; background: rgba(0, 0, 0, 0.9); cursor: default; } /*---------------------------------------- Thumbs ---------------------------------------- */ .camera_thumbs_cont {display:none;} .camera_pag_ul li img { display: none; position: absolute; border: 2px solid #fff; } .camera_pag_ul .thumb_arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; top: 0px; left: 50%; margin-left: -6px; position: absolute; } .camerarelative { overflow: hidden; position: relative; } .imgFake { cursor: pointer; } .camera_command_wrap .hideNav { display: none; } .camera_command_wrap { left: 0; position: relative; right:0; z-index: 4; } /*---------------------------------------- Prev & Next ---------------------------------------- */ .camera_prev, .camera_next { cursor: pointer; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .camera_prev { left: 0px; background: url(../images/camera_skins.png) no-repeat 0 0 #f7f7f7; } .camera_next { right: 0px; background: url(../images/camera_skins.png) no-repeat -40px 0 #f7f7f7; } .camera_prev:hover, .camera_next:hover {background-color:#d4d4d4;} /*---------------------------------------- Stop & Play ---------------------------------------- */ .camera_commands { left: 40px; top:50%; margin-top: -20px; height: 40px; width: 40px; cursor: pointer; position: absolute; z-index: 2; } .camera_commands > .camera_play { background: url(../images/camera_skins.png) no-repeat -80px 0 #f7f7f7; height: 40px; width: 40px; } .camera_commands > .camera_stop { background: url(../images/camera_skins.png) no-repeat -120px 0 #cc260a; display: block; height: 40px; width: 40px; } .showIt { display: none; } .camera_clear { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative; }