﻿/* 
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}  touch even tap flash disable - if needed 
*/

.gRotate-wraper {position:relative;width:680px;height:550px;}
.gRotate-wraper a img {border:0;outline:none 0;}

.gRotate-content {position:relative;margin-bottom:10px;overflow:hidden;height:510px;}
.gRotate-content img {display:block;}

.gRotate-overlay {position:absolute;z-index:1000;bottom:20px;left:68px;width:74%;padding:3%;color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgaAAIMAAAhQCB69VMmQAAAABJRU5ErkJggg==);}
.gRotate-overlayTitle {font-size:16px;}
.gRotate-overlayDescription {}

.gRotate-previous, 
.gRotate-next {display:block;position:absolute;z-index:500;width:60px;height:60px;cursor:pointer;color:#dcdcdc;text-align:center;}/*height:100%;line-height:500px;*/
.gRotate-previous {left:0;top:225px;}
.gRotate-next {right:0;top:225px;}

.gRotate-wraper:hover .gRotate-previous, .gRotate-wraper:hover .gRotate-next {
	color:#fff;
	background: rgb(0, 0, 0) transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.25); /* RGBa with opacity */
}
.gRotate-previous:hover, .gRotate-next:hover {
	color:#fff;
	background: rgb(0, 0, 0) transparent ! important; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.5) ! important; /* RGBa with opacity */
}

.gRotate-previous span, 
.gRotate-next span {position:absolute;top:50%;left:50%;display:block;width:16px;height:32px;margin-top:-16px;background-image:url(../images/grotate/ico_arrows.png);background-repeat:no-repeat;}
.gRotate-previous span {margin-left:-10px;/*16/2=8+2=10*/}
.gRotate-next span {margin-left:-6px;/*16/2=8-2=6*/}
.gRotate-previous span {background-position:0 0;}
.gRotate-previous:hover span {background-position:-17px 0;}
.gRotate-next span {background-position:-34px 0;right:20px;}
.gRotate-next:hover span {background-position:-51px 0;}


/* Controls styling */
.gRotate-controls {overflow:hidden;position:absolute;bottom:5px;left:-5px;}

.gRotate-nav {float:left;font-family:Arial, Helvetica,sans-serif;font-size:11px;overflow:hidden;}
.gRotate-nav a {position:relative;z-index:2;display:block;float:left;height:30px;line-height:30px;margin:0;background:url(../images/grotate/bg_controls.png) repeat-x 0 -60px;color:#fff;text-decoration:none;font-weight:bold;text-align:center;}
.gRotate-nav a span {display:block;float:left;margin-top:5px;height:20px;line-height:20px;padding:0 9px 0 9px;background:url(../images/grotate/bg_controls_border.png) no-repeat 0 -5px;border-right:1px solid #292929;}
.gRotate-nav a.gRotate-navFirst {background:url(../images/grotate/bg_controls.png) no-repeat 0 0;}
.gRotate-nav a.gRotate-navFirst span {padding:0 9px 0 17px;background:none;}
.gRotate-nav a.gRotate-navLast {background:url(../images/grotate/bg_controls.png) no-repeat 100% -30px;}
.gRotate-nav a.gRotate-navLast span {padding:0 12px 0 9px;border:0;}
.gRotate-nav a.activeSlide {background:url(../images/grotate/bg_controls.png) no-repeat 0 -150px;}
.gRotate-nav a.activeSlide span {background:url(../images/grotate/bg_controls_border.png) no-repeat 0 -30px;border-right:1px solid #520000;}
.gRotate-nav a.gRotate-navFirst.activeSlide {background:url(../images/grotate/bg_controls.png) no-repeat 0 -90px;}
.gRotate-nav a.gRotate-navFirst.activeSlide span {padding:0 9px 0 17px;border-right:1px solid #520000;background:none;}
.gRotate-nav a.gRotate-navLast.activeSlide {background:url(../images/grotate/bg_controls.png) no-repeat 100% -120px;}
.gRotate-nav a.gRotate-navLast.activeSlide span {padding:0 12px 0 9px;background:url(../images/grotate/bg_controls_border.png) no-repeat 0 -30px;border:0;}

.gRotate-player {position:relative;z-index:1;display:block;float:left;height:30px;padding:0 10px 0 5px;margin-left:0;background:url(../images/grotate/bg_controls.png) repeat-x 100% -180px;}
.gRotate-playPause {display:block;width:12px;height:12px;margin-top:9px;vertical-align:top;background:url(../images/grotate/ico_player.png) no-repeat 0 0;text-indent:-9999px;cursor:pointer;}
.gRotate-stopped {background-position:0 -12px;}
