div.slide-start {position: relative; top: 0px; left: 0px; width: 715px; height: 510px; background: #ffffff; overflow: hidden;}

div.loading-div {position: absolute; top: 0px; left: 0px;} 
div.loading-div .loading-bg {filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block; background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;}
div.loading-div .loading-img {position: absolute; display: block; background: url(http://www.fao.org/fileadmin/scripts/jquery/jssor/img/loading.gif) no-repeat center center; top: 0px; left: 0px;width: 100%;height:100%;}

div.slide-container {cursor: move; position: absolute; left: 0px; top: 0px; width: 715px; height: 410px; overflow: hidden;}

div.slide-start img.auto-height-img {height: auto !important;}

div.caption-div {position: absolute; top: 5px; right: 4px; width: 250px; height: 35px;}
div.caption-div .caption-bg {position: absolute; top: 0px; right: 0px; width: 250px; height: 35px; background-color: #F68333; opacity: 0.9; filter: alpha(opacity=90);}
div.caption-div .caption-text {position: absolute; top: 0px; right: 0px; width: 250px; height: 35px; color: White; font-size: 13px; font-weight: bold; line-height: 35px; text-align: center; text-transform: uppercase;}


<!-- Arrow Navigator Skin Begin -->

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l              (normal)
.jssora05r              (normal)
.jssora05l:hover        (normal mouseover)
.jssora05r:hover        (normal mouseover)
.jssora05ldn            (mousedown)
.jssora05rdn            (mousedown)
*/
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {
  position: absolute;
  cursor: pointer;
  display: block;
  background: url(http://www.fao.org/fileadmin/scripts/jquery/jssor/img/a17.png) no-repeat;
  overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }

.jssora05l { width: 40px; height: 40px; top: 190px; left: 8px; }
.jssora05r { width: 40px; height: 40px; top: 190px; right: 8px; }


<!-- Thumbnail Item Skin Begin -->

/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p           (normal)
.jssort01 .p:hover     (normal mouseover)
.jssort01 .pav           (active)
.jssort01 .pav:hover     (active mouseover)
.jssort01 .pdn           (mousedown)
*/
.jssort01 .w {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.jssort01 .c {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 70px;
  height: 70px;
  border: #f0f0f0 1px solid;
}

.jssort01 {position: absolute; width: 715px; height: 100px; left:0px; bottom: 5px;}
.jssort01 .p {position: absolute; width: 72px; height: 72px; top: 0; left: 0;}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
  background: url(http://www.fao.org/fileadmin/scripts/jquery/jssor/img/t01.png) center center;
  border-width: 0px;
  top: 2px;
  left: 2px;
  width: 68px;
  height: 68px;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
  top: 0px;
  left: 0px;
  width: 70px;
  height: 70px;
  border: #F68333 1px solid;
}


<!-- Caption Begin -->

.captionOrange, .captionBlack
{
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}
.captionOrange
{
  background: #EB5100;
  background-color: rgba(235, 81, 0, 0.6);
}
.captionBlack
{
  font-size:16px;
  background: #000;
  background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited
{
  color: #ffffff;
  text-decoration: none;
}
a.captionOrange:hover
{
  color: #eb5100;
  text-decoration: underline;
  background-color: #eeeeee;
  background-color: rgba(238, 238, 238, 0.7);
}
.bricon
{
  background: url(../img/browser-icons.png);
}